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ü.
ng-bind
ya da ngBind
şeklinde olan kullanımdır.