AngularJS Notlarım – 3

Önceki konularda sizlere ng-app direktifini göstermiştim. Bu şekilde anonim bir kullanım oluyor. Burada biz kendi modülümüzü oluşturmalıyız.

Neden modül oluşturuyoruz?

Controller, servisler, filterler, direktifler ve diğer şeyler için modülü kullanıyoruz. Yani aslında modüle tanımlıyoruz bunları.

Şimdi bir örnekle daha iyi anlayalım. Normalde ng-app dememiz yeterliydi. Ancak şimdi buna bir isim vereceğiz.

<div ng-app="modul">
    <div ng-controller="test">
       {{ merhaba_dunya }}
    </div>
</div>

Şimdi angular’da ilk olarak modülümüzü oluşturalım.

var modul = angular.module('modul', []);

Evet modül’e bir controller tanımlayalım. Normalde şöyle kontrol oluşturuyorduk;

var test = function($scope){
    $scope.merhaba_dunya = "hello world!";
}

Ancak modüle tanımlarken biraz daha farklı. Yani şöyle;

modul.controller('test', ['$scope', function($scope){
    $scope.merhaba_dunya = "hello world!";
}]);

Filtre Kullanımı

Başka bir örnek yapalım. Bu seferde bir filtre oluşturalım. Henüz bunu göstermedim ama bir merhaba demekten zarar gelmez ???? Örneğin;

module.filter('degistir', function(){
   return function(name){
      return name.replace('world', 'dünya');
   }
});

Kullanırken ise şöyle kullanacağız;

{{ merhaba_dunya | degistir }}

Bude bizde hello dünya! çıktısını verecektir.