AngularJS – Controller Yapısı

AngularJS kodlarken temelinde Controller yapısı yatmaktadır. Controller yapısına hakim olursanız konuyu kavramış sayılırsınız. Kısa bir örnek ile sizlere AngularJS Controller nedir anlatmaya çalışacağım.Öncelikle “ng” direktifimiz şu şekildedir,

 /* *	Author	: Bercan Özcan *	Web URL	: http://www.bercanozcan.com *	Twitter	: http://www.twitter.com/bercanozcan *	GitHub	: http://www.github.com/bercanozcan */ <div ng-app> //Bu alana kodlar gelecektir. </div>

Bu controller yapısını kullanabilmek içinse,

 /* *	Author	: Bercan Özcan *	Web URL	: http://www.bercanozcan.com *	Twitter	: http://www.twitter.com/bercanozcan *	GitHub	: http://www.github.com/bercanozcan */ <div ng-app> <div ng-controller="ilkController"> {{ mesaj }} </div> </div>

Şimdi ilkController adında bir controller kullanacağımızı belirttik. Ve mesajınızı ekrana yazdırıyoruz. Bunu controller içerisinde modelde tanımlayacağız. Bunun için js dosyamızı oluşturuyoruz.

 /* *	Author	: Bercan Özcan *	Web URL	: http://www.bercanozcan.com *	Twitter	: http://www.twitter.com/bercanozcan *	GitHub	: http://www.github.com/bercanozcan */ var denemeController = function($scope){ $scope.mesaj = "Merhaba Dünya!"; };

Evet gördüğünüz gibi $scope adında bir parametre aldı fonksiyonumuz. $scope bizim modelimizdir. Bunun gibi bir çok servisi mevcuttur.

İnternet ve yazılım dünyası ile 2002 yılında Ankara Armada Alışveriş Merkezi Bilgi İşlem departmanında tanıştım. Visual BASIC dili ile yola çıktığım yazılım dünyası serüvenim 2002-2004 yıllarında C, C++ dilleri ile devam etti.

Bir şeyler söyleyin:

E-posta adresiniz kimse ile paylaşılmayacaktır. Sadece ben rahatsız ederim.

This site uses Akismet to reduce spam. Learn how your comment data is processed.