Angular.js Temel Direktifler ve Kullanıcı Tanımlı Direktifler

2588

Uygulamanızın DOM yapısı ile iletişime geçebilmesi için Angular.js HTML elementlerine direktiflerle bağlı olması gerekir.

Uygulamanızın başlangıcında Angular.js ile birlikte gelen belli başlı direktifler vardır. Örneğin ng-app ng-init ng-bind ng-model ng-click ng-class birer direktiftir ve başlarına ng- ön eki alırlar. İhtiyacınıza uygun direktifleri de yazıp kodlarınızı genişletebilirsiniz. Popüler bir eklenti olan ngInputTag Bir Angular.js eklentisidir ve seçici olarak ng-tag direktifini kullanır.


ng- ön ekli şekliyle yazım ya da camelCase şeklinde yazmak normalizasyon için doğru olan yöntemdir. ng-model veya ngModel ikisi de çalışacaktır. bir örnekle açıklarsak daha kalıcı olacaktır.

<div ng-controller="Controller">

  Hello <input ng-model='name'> <hr/>

  <span ng-bind="name"></span> <br/>

  <span ng:bind="name"></span> <br/>

  <span ng_bind="name"></span> <br/>

  <span data-ng-bind="name"></span> <br/>

  <span x-ng-bind="name"></span> <br/>

</div>

1. x- ve data- ön eklerini Angular.js otomatik olarak temizledi ve ng- ile başlayan kısmı alarak kendi camelCase yapısına çevirdi.

2. : - ve _ karakterlerini de - gibi algılayarak yine camelCase şekle dönüştürdü.


Yazının devamı hazırlanıyor.