AngularJS’de MVC yapısı olduğunu söyledim mi bilmiyorum. Bunu en temelden öğrenmek gerekirse size ilk olarak bir controller’ın nasıl oluşturulacağını göstermek istiyorum.
AngularJS Controller Yapısı
İlk olarak ng-app
direktifini uyguluyorum.
<div ng-app> kodlar.. </div>
Bir controllerı kullanmak için ng-controller
direktifini kullanıyoruz.
<div ng-app> <div ng-controller="testController"> {{ mesaj }} </div> <iv>
Şimdi testController adında bir controller kullanacağımı söylüyorum. Ve mesaj değerini ekrana yazdırıyorum. Bu mesaj değerini controller içerisinde modelde tanımlayacağız. Hemen bir js dosyası oluşturup controllerı yazmaya başlayalım.
var testController = function($scope){ $scope.mesaj = "Merhaba AngularJS!"; };
Evet gördüğünüz gibi $scope adında bir parametre aldı fonksiyonumuz. $scope bizim modelimiz. Daha aldığı birçok parametre var, bunlar servis olarak adlandırılıyor. Ayrıntılı olarak şuradan bakabilirsiniz: https://docs.angularjs.org/api/ng/service
Kısaca özetlemek gerekirse;