AngularJS giriş Yönergesi

Veri bağlama ile bir giriş alanı:

<input ng-model="myInput">

<p>The value of the input field is:</p>
<h1>{{myInput}}</h1>

Tanımı ve Kullanımı

Angularjs varsayılan davranışını değiştiren <input> elemanları, ama sadece ng-model niteliği mevcuttur.

Onlar angularjs modelinin parçasıdır ve angularjs fonksiyonları ve DOM hem de adlandırılan, ve güncellenebilir anlamına gelir, veri bağlama sağlar.

Bu doğrulama sağlamak. Örnek: Bir <input> öğesi ekleyin required öznitelik vardır $valid olarak ayarlanmış durumu false sürece boş olarak.

Onlar da devlet kontrolü sağlar. Angularjs tüm giriş elemanları mevcut durumunu tutar.

Giriş alanları aşağıdaki durumlarda:

Her durum değeri bir Boole bir değeri temsil eder, ve ya bir true ya da false .

Giriş elemanları değerini kullanarak ifade edilmektedir ng-model öznitelik.

<input> bir angularjs uygulama içinde elemanları bazı sınıflar verilmiştir. Bu sınıflar, durumuna göre, girdi elemanları stil kullanılabilir.

Aşağıdaki sınıflar ilave edilir:

ng-untouched alan henüz dokunulmaz değil
ng-touched alanı değinilmiştir
ng-pristine alan henüz modifiye edilmemiştir
ng-dirty alan modifiye edilmiş
ng-valid alan içerik geçerlidir
ng-invalid alan içerik geçerli değildir
ng-valid- key her doğrulama için bir anahtar. Örnek: ng-valid-required , yararlı birden fazla şey varken valide edilmesi gerektiğini
ng-invalid- key Örnek: ng-invalid-required

Temsil ettiği bir değer ise sınıfları kaldırılır false .

Standart CSS kullanarak, geçerli ve geçersiz giriş öğelerin stillerini uygulayın:

<style>

input.ng-invalid {
background-color: pink;
}
input.ng-valid {
background-color: lightgreen;
}

</style>