AngularJS formu Yönergesi

Bu formun "valid state" dikkate alınmayacaktır "true" olduğu sürece gerekli giriş alanı boş olarak,:

<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>

<p>The forms's valid state is:</p>
<h1>{{myForm.$valid}}</h1>

Tanımı ve Kullanımı

Angularjs varsayılan davranışını değiştiren <form> elemanı.

Bir angularjs uygulama içinde formlar belirli özellikleri verilmiştir. Bu özellikler formunun mevcut durumunu tarif etmektedir.

Formlar aşağıdaki durumlarda:

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

Eğer angularjs Forms, sunucuya formu göndererek varsayılan eylemi, engeller action niteliği belirtilmemiştir.

Formlar değerini kullanarak sevk ediliyor name özniteliği.

Bir angularjs uygulama içinde formlar belirli bir sınıf verilmiştir. Bu sınıflar kendi durumuna göre stil formlarına kullanılabilir.

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

ng-pristine Hayır alanları henüz değiştirilmedi
ng-dirty Bir veya daha fazla alanlar değiştirildi
ng-valid bir şekilde içerik geçerlidir
ng-invalid biçimli 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 .

Değiştirilmemiş için stilleri uygulayın (pristine) formları ve modifiye formlar için:

<style>

form.ng-pristine {
background-color: lightblue;
}
form.ng-dirty {
background-color: pink;
}

</style>