Haz.24

AngularJS (1.3 / 1.5) Eğitimi: Filters (Filtreler)

Filtreler, AngularJS’de verileri formatlamaya, dönüştürmeye, sıralamaya ve bunun gibi bir takım işleri yapmaya yarayan hazır metotlardır.

Bu konuyu örnekler üzerinden inceleyelim. Aşağıdaki gibi basit bir HTML sayfa şablonumuz olsun.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
<script>
angular.module('filtreler', []).controller('ctrl', function($scope) {
	// $scope değişkenleri buraya…
});
</script>
<div ng-app="filtreler" ng-controller="ctrl">
<h1></h1>
</div>
AngularJS

Haz.24

AngularJS (1.3 / 1.5) Eğitimi: Direktifler (Directive)

Direktifler, AngularJS’nin en başta gelen temel bağlantı elemanlarından biridir. HTML5 sayfa yapısında yer alan elementlere direktifler ile erişilir ve yönetilir.

Direktifler birer attribute olarak tanımlanır. Bazıları değer alabilirken bazıları sadece anahtar kelime olarak bile tanımlama yapmak için yeterlidir.

Direktifler ng- ön eki ile başlar ve diğer isimlerle direktifler türetilir.

Temel olarak AngularJS’deki direktifler aşağıdaki tabloda verilmiştir.

AngularJS

Haz.24

AngularJS (1.3 / 1.5) Eğitimi: Şablon (Template), Modüller (Module) ve Kontroller (Controller)

MVW modeline göre Controller, yani VIEWMODEL ayrı tutulmalıdır. Bu nedenle AngularJS komutlarımız harici bir kaynaktan HTML5 sayfası içine çekilerek (yine js dosyası) kullanılmalıdır. Şimdi basit bir şablon yapısı ile AngularJS’de MVM modeline göre bir Template, Controller ve Module kavramları nelerdir ve oluşturma mantıklarına bakalım. İlerleyen konularda da bol bol pratik yapacağız.

AngularJS

Haz.24

Haz.24