Uygulama yüklenirken tarayıcı tarafından html iskeleti kötü gözükmesin ve titremeler yapmasın diye bu özellik eklendiği elementi display: none şeklinde gizli tutacaktır.
<ANY>
…
</ANY>
<ANY class=””> … </ANY>
Bir elemana tıklanıldığında ona bir özellik belirlemenizi sağlar.
<ANY
ng-click=”expression”>
…
</ANY>
ngClass bu yönergelerin dışında çalışır. ngClassEven ve ngClassOdd özelliklerini ngRepeat ile kullanabilirisiniz. ngClassOdd tek satırlara etki edecektir.
<ANY
ng-class-odd=”expression”>
…
</ANY>
<ANY class=”ng-class-odd: expression;”> … </ANY>
ngClass bu yönergelerin dışında çalışır. ngClassEven ve ngClassOdd özelliklerini ngRepeat ile kullanabilirisiniz. ngClassEven çift satırlara etki edecektir.
<ANY
ng-class-even=”expression”>
…
</ANY>
<ANY class=”ng-class-even: expression;”> … </ANY>
ngClass yönergesi dinamik eklenecek tüm sınıfları temsil eden bir ifadedir. Veri bağlamada bir HTML elemanı CSS sınıfları ayarlamanızı sağlar.
<ANY
ng-class=”expression”>
…
</ANY>
<ANY class=”ng-class: expression;”> … </ANY>
İşaretlenen onay kutusu için ayarlanır. ngModel ile kullanmayı unutmayınız. Bu bazı beklenmedik sorunlara neden olabilir.
<INPUT
ng-checked=”expression”>
…
</INPUT>
Kullanıcı girişi değiştirdiğinde verilen ifadeyi değerlendirmenize olanak sağlar.
<input
ng-change=”expression”>
…
</input>
Focusun tersi olayı için özel davranış belirtin. Yani örneğin bir inputa focuslanıp daha sonra dışına tıklarsanız focus olma durumu ortadan kalkar ve blur olayı devreye girer. Bu olay için bir davranış oluşturmanızı sağlar.
<window, input, select, textarea, a
ng-blur=”expression”>
…
</window, input, select, textarea, a>
ngBindHtml de ki gibi çalıştığını söyleyebiliriz. Fakat html öğelerini içeremez(span, option gibi). Birden çok {{ifade}} şeklindeki ifadeyi içerebilir.
<ANY
ng-bind-template=”string”>
…
</ANY>
İfadeyi denetler ve güvenli bir şekilde belirtilen elemanın içine ekler. Html öğesini başka bir html içine eklememizi sağlar. jQuery’de ki append işlemi gibi sayılır.
Not: angular-sanitize.js çağırmayı unutmayın !
<ANY
ng-bind-html=”expression”>
…
</ANY>