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.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir