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 yanıt yazın