Angular ngMinlength

Angular ngMinlength

Bu metin tabanlı giriş kontrol ile kullanılabilir, ama aynı zamanda özel bir metin tabanlı kontrol içinde uygulanabilir. Minumum karakter sayısını sınırlandırma için kullanılır.

Codepen Ön izlemesi

Kullanım Şekli

<ANY
[ng-minlength=”minlength”]>

</ANY>

Angular ngMaxlength

Angular ngMaxlength

Bu metin tabanlı giriş kontrol ile kullanılabilir, ama aynı zamanda özel bir metin tabanlı kontrol içinde uygulanabilir. Maximum karakter sayısını sınırlandırma için kullanılır.

Codepen Ön izlemesi

Kullanım Şekli

<ANY
[ng-maxlength=”maxlength”]>

</ANY>

Angular ngList

Angular ngList

Metin girişini sizin belirlediğiniz karakter doğrultusunda dizi haline dönüştürülür.

Codepen Ön izlemesi

Kullanım Şekli

<input
[ng-list=”string”]>

</input>

Angular ngKeyup

Angular ngKeyup

Keyup işlemi için yapılacak davranışı belirleyin. Tıpkı jQuery’de ki keyup fonksiyonuna benzer diyebiliriz.

Codepen Ön izlemesi

Kullanım Şekli

<ANY
ng-keyup=”expression”>

</ANY>

Angular ngKeypress

Angular ngKeypress

Keydown işlemi için yapılacak davranışı belirleyin. Tıpkı jQuery’de ki keypress fonksiyonuna benzer diyebiliriz.

Codepen Ön izlemesi

Kullanım Şekli

<ANY
ng-keypress=”expression”>

</ANY>

Angular ngKeydown

Angular ngKeydown

Keydown işlemi için yapılacak davranışı belirleyin. Tıpkı jQuery’de ki keydown fonksiyonuna benzer diyebiliriz.

Codepen Ön izlemesi

Kullanım Şekli

<ANY
ng-keydown=”expression”>

</ANY>

Angular ngJq

Angular ngJq

Angularjs ye diğer kütüphaneleri eklemek için kullanılır. Örneğin ‘ngSanitize’, ‘ngTouch’, ‘ngResource’, ‘ngMessages’, ‘ngCookies’, ‘ngAnimate’, ‘ngFx’, ‘ngJq’ gibi kütüphaneleri eklemek için angularjs zorlayabilirsiniz.

Örnek

<html ng-app ng-jq>
...
...
</html>
<html ng-app ng-jq="jQueryLib">
...
...
</html>

Kullanım Şekli

<ANY
[ng-jq=”string”]>

</ANY>

Angular ngInit

Angular ngInit

NgInit özelliği bir ifadeyi geçerli kapsamda değerlendirmek için kullanılır.

Not: bir filtre ile birlikte ngInit ataması varsa doğru kullanımı sağlamak için parantez içine aldığınızdan emin olun.

<div ng-init=”test1 = ($index | toString)”></div>

Codepen Ön izlemesi

Kullanım Şekli

<ANY
ng-if=”expression”>

</ANY>

<ANY class=”ng-init: expression;”> … </ANY>

Angular ngInclude

Angular ngInclude

Harici bir html parçasını getirip derlemeye yarar. Örneğin satış sayfası yaparken bir sonraki adıma geçerken site yenilenmeden bir sonraki adıma ait html içeriğini getirebilirsiniz.

Codepen Ön izlemesi

Kullanım Şekli

<ng-include
src=”string”
[onload=”string”]
[autoscroll=”string”]>

</ng-include>

<ANY
ng-include=”string”
[onload=”string”]
[autoscroll=”string”]>

</ANY>

<ANY class=”ng-include: string; [onload: string;] [autoscroll: string;]”> … </ANY>

Angular ngIf

Angular ngIf

Öğeye verilen şart sağlanmassa öğeyi gizlemek yerine DOM yapısından tamamen kaldırır. Şart sağlanırsa yeniden eklenir.

Codepen Ön izlemesi

Kullanım Şekli

<ANY
ng-if=”expression”>

</ANY>