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ü.