Angular input Direktifleri

Bazı input türleri için eski tarayıcılar desteklemesede (input[file]) HTML için girdileri kontrol etmeniz için güzel bir yöntemdir. İnputa ne türde, kaç karakterli deperler girileceğini sınırlandırmaları yapabilirsiniz. Bunların dışına çıkıldığında kullanıcılara hata gösterebilirsiniz. Genel olarak bütün bu işlemleri html üzerinden yapmanız mümkün olacaktır.

Codepen Ön izlemesi

Kullanım Şekli

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

Direktifler	Tanım
ng-model	Angularjs ifade veri bağlamak için.
name (optional)	Kontrol giriş kontrolü adı.
min (optional)	Geçerli bir tarih dizesi (yyyy-AA-gg). Bu minimum tarihi doğrulamasını ayarlamak için kullanılır.
max (optional)	Geçerli bir tarih dizesi (yyyy-AA-gg). Bu maximum tarihi doğrulamasını ayarlamak için kullanılır.
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.
ng-trim (optional)	Bu komut ile boş alanları temizleyin.