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>

Angular ngHref

Angular ngHref

Bu özellik orijinal href attribute’ünü geçersiz kılarak ng-href özelliğini devreye sokar. Böylelikle angularjs linkin kırık olmadığından emin olarak sizi yönlendirir. Böylelikle kırık linklere yönlendirilmezsiniz ve daha güvenlidir.

Yanlış:

<a href=”http://www.gravatar.com/avatar/{{hash}}”>link1</a>

Doğru:

<a ng-href=”http://www.gravatar.com/avatar/{{hash}}”>link1</a>

Codepen Ön izlemesi

Kullanım Şekli

<a
ng-href=”template”>

</a>

Angular ngHide

Angular ngHide

Öğenin üzerime ng-hide classı ekleyerek ya da kaldırarak öğeyi gösterip gizlemeye yarar. animate-hide classını kullanarak animasyonlu gizlenip gösterilmesini sağlayabilirsiniz.

Codepen Ön izlemesi

Kullanım Şekli

<ANY
ng-hide=”expression”>

</ANY>

Angular ngForm

Angular ngForm

Form yönergesi diğer adı ile nestable, HTML iç içe geçmiş form öğelerine izin vermez. Formlar, belirlenecek bir denetim alt grubu geçerliliğine ihtiyacı varsa bu yöntem yararlı olacaktır.

Codepen Ön izlemesi

Kullanım Şekli

<ng-form
[name=”string”]>

</ng-form>

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

</ANY>

<ANY class=”[ng-form: string;]”> … </ANY>

Angular ngFocus

Angular ngFocus

Odaklanma olayına (Focus olayına) özel davranış belirleyin.

Codepen Ön izlemesi

Kullanım Şekli

<window, input, select, textarea, a
ng-focus=”expression”>

</window, input, select, textarea, a>

Angular ngDisabled

Angular ngDisabled

Elementin disabled özelliği için bir özellik ayarlamanızı sağlar.

Codepen Ön izlemesi

Kullanım Şekli

<INPUT
ng-disabled=”expression”>

</INPUT>

Angular ngDblclick

Angular ngDblclick

Çift tıklama olayı için bir özellik belirtin.

Codepen Ön izlemesi

Kullanım Şekli

<ANY
ng-dblclick=”expression”>

</ANY>

Angular ngCut

Angular ngCut

Kesme olayı için bir özellik belirtin.

Codepen Ön izlemesi

Kullanım Şekli

<window, input, select, textarea, a
ng-cut=”expression”>

</window, input, select, textarea, a>

Angular ngCsp

Angular ngCsp

Ng-CSP yönergesi angularjs güvenlik politikasını değiştirmek için kullanılır. ng-csp ile yönergesi seti, angularjs’nin herhangi eval fonksiyonları çalışmaz ve herhangi bir satır içi stilleri enjekte olmayacaktır.

ng-csp değerinin ayarlanabilmesi için direktifi no-unsafe-eval, herhangi bir eval fonksiyonunun çalışması durumunda angularjs durdurur, ancak satır içi stilleri enjekte sağlayacaktır.

ng-csp değerinin ayarlanabilmesi için direktifi no-inline-style, herhangi bir satır için hatalı gelen sitiller için angularjs ‘i durduracak, ancak eval işlevleri sağlayacaktır.

<element ng-csp=”no-unsafe-eval | no-inline-style”></element>

Codepen Ön izlemesi

Kullanım Şekli

<!doctype html>
<html ng-app ng-csp>


</html>