Angular ngBindTemplate

Angular ngBindTemplate

ngBindHtml de ki gibi çalıştığını söyleyebiliriz. Fakat html öğelerini içeremez(span, option gibi). Birden çok {{ifade}} şeklindeki ifadeyi içerebilir.

Codepen Ön izlemesi

Kullanım Şekli

<ANY
ng-bind-template=”string”>

</ANY>

Angular ngBindHtml

Angular ngBindHtml

İ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 !

Codepen Ön izlemesi

Kullanım Şekli

<ANY
ng-bind-html=”expression”>

</ANY>

Angular ngBind

Angular ngBind

Özellik, belirli bir ifadenin değeri ile belirtilen HTML öğesinin metin içeriğini değiştirmek ve metin içeriğini güncellemek için kullanılır.

Genellikle doğrudan kullamayın. Doğrudan kullanımlar için çift tırnalı {{ifade}} yapıyı kullanmanız önerilir.

Codepen Ön izlemesi

Kullanım Şekli

<ANY
ng-bind=”expression”>

</ANY>

CSS

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

Angular ngApp

Angular ngApp

Otomatik çalışan bir angular uygulaması için uygulamanız gerekir. Bu kök eleman sayfanın en üst elementlerine uygulanır genellikler (<html> ya da <body> gibi).

Codepen Ön izlemesi

Kullanım Şekli

<ANY
ng-app=”angular.Module”
[ng-strict-di=”boolean”]>

</ANY>

Angular input[week] Direktifleri

Angular input[week] Direktifleri

Angularjs’nin bu giriş tipi ile birçok ng argümanları ile dekore edilebilir.

Codepen Ön izlemesi

Kullanım Şekli

<input type=”week”
ng-model=”string”
[name=”string”]
[min=”string”]
[max=”string”]
[ng-min=””]
[ng-max=””]
[required=”string”]
[ng-required=”string”]
[ng-change=”string”]>

Direktifler Tanım
ng-model Angularjs ifade veri bağlamak için.
name (optional) Kontrol giriş kontrolü adı.
ng-min (optional) Bu ifade Tarihte dk doğrulaması ve kısıtlamasını ayarlar.
ng-max (optional) Bu ifade Tarih maksimum doğrulama sınırlamasını ayarlar.
required (optional) Bu giriş tipi tarihi doğrulama için gereklidir.
ng-required (optional) Gerekli nitelikler girildiğinde true olur ve size veri bağlamaya olanak tanır.
ng-change (optional) Bu ifade giriş değeri değiştiğinde aktif olur.

Angular input[url] Direktifleri

Angular input[url] Direktifleri

Angularjs’nin bu giriş tipi ile birçok ng argümanları ile dekore edilebilir.

Codepen Ön izlemesi

Kullanım Şekli

<input type=”url”
ng-model=”string”
[name=”string”]
[required=”string”]
[ng-required=”string”]
[ng-minlength=”number”]
[ng-maxlength=”number”]
[pattern=”string”]
[ng-pattern=”string”]
[ng-change=”string”]>

Direktifler Tanım
ng-model Angularjs ifade veri bağlamak için.
name (optional) Kontrol girişi kontrolü adı.
ng-minlength (optional) Minimum eposta sınırını ayarlar.
ng-maxlength (optional) Maximum eposta sınırını ayarlar.
ng-pattern (optional) Verilen maç deseni ile giriş tipi numarasını doğrulayın.
required (optional) Giriş tipini doğrular.
ng-required (optional) Gerekli nitelikler girildiğinde true olur ve size veri bağlamaya olanak tanır.
ng-change (optional) Bu ifade giriş değeri değiştiğinde aktif olur.

Angular input[time] Direktifleri

Angular input[time] Direktifleri

Angularjs’nin bu giriş tipi ile birçok ng argümanları ile dekore edilebilir.

Codepen Ön izlemesi

Kullanım Şekli:

<input type=”time”
ng-model=”string”
[name=”string”]
[min=”string”]
[max=”string”]
[ng-min=””]
[ng-max=””]
[required=”string”]
[ng-required=”string”]
[ng-change=”string”]>

Direktifler Tanım
ng-model Angularjs ifade veri bağlamak için.
name (optional) Kontrol giriş kontrolü adı.
ng-min (optional) Bu ifade Tarihte dk doğrulaması ve kısıtlamasını ayarlar.
ng-max (optional) Bu ifade Tarih maksimum doğrulama sınırlamasını ayarlar.
required (optional) Bu giriş tipi tarihi doğrulama için gereklidir.
ng-required (optional) Gerekli nitelikler girildiğinde true olur ve size veri bağlamaya olanak tanır.
ng-change (optional) Bu ifade giriş değeri değiştiğinde aktif olur.

Angular input[text] Direktifleri

Angular input[text] Direktifleri

Angularjs’nin bu giriş tipi ile birçok ng argümanları ile dekore edilebilir.

Codepen Ön izlemesi

Kullanım Şekli:

<input type=”text”
ng-model=”string”
[name=”string”]
[required=”string”]
[ng-required=”string”]
[ng-minlength=”number”]
[ng-maxlength=”number”]
[pattern=”string”]
[ng-pattern=”string”]
[ng-change=”string”]
[ng-trim=”boolean”]>

Direktifler Tanım
ng-model Angularjs ifade veri bağlamak için.
name (optional) Kontrol girişi kontrolü adı.
ng-minlength (optional) Minimum eposta sınırını ayarlar.
ng-maxlength (optional) Maximum eposta sınırını ayarlar.
ng-pattern (optional) Verilen maç deseni ile giriş tipi numarasını doğrulayın.
required (optional) Giriş tipini doğrular.
ng-required (optional) Gerekli nitelikler girildiğinde true olur ve size veri bağlamaya olanak tanır.
ng-change (optional) Bu ifade giriş değeri değiştiğinde aktif olur.
ng-trim (optional) Bu komut ile boş alanları temizleyin.

Angular input[radio] Direktifleri

Angular input[radio] Direktifleri

Angularjs’nin bu giriş tipi ile birçok ng argümanları ile dekore edilebilir.

Codepen Ön izlemesi

Kullanım Şekli:

<input type=”radio”
ng-model=”string”
value=”string”
[name=”string”]
[ng-change=”string”]
ng-value=”string”>

Direktifler Tanım
ng-model Angularjs ifade veri bağlamak için.
name (optional) Kontrol girişi kontrolü adı.
ng-value (optional) İnput değerini bağlamak için kullanılır.
ng-change (optional) Bu ifade giriş değeri değiştiğinde aktif olur.

Angular input[number] Direktifleri

Angular input[number] Direktifleri

Angularjs’nin bu giriş tipi ile birçok ng argümanları ile dekore edilebilir.

Codepen Ön izlemesi

Kullanım Şekli:

<input type=”number”
ng-model=”string”
[name=”string”]
[min=”string”]
[max=”string”]
[required=”string”]
[ng-required=”string”]
[ng-minlength=”number”]
[ng-maxlength=”number”]
[pattern=”string”]
[ng-pattern=”string”]
[ng-change=”string”]>

Direktifler Tanım
ng-model Angularjs ifade veri bağlamak için.
name (optional) Kontrol girişi kontrolü adı.
ng-minlength (optional) Minimum eposta sınırını ayarlar.
ng-maxlength (optional) Maximum eposta sınırını ayarlar.
ng-pattern (optional) Verilen maç deseni ile giriş tipi numarasını doğrulayın.
required (optional) Giriş tipini doğrular.
ng-required (optional) Gerekli nitelikler girildiğinde true olur ve size veri bağlamaya olanak tanır.
ng-change (optional) Bu ifade giriş değeri değiştiğinde aktif olur.