AngularJS formYönergesi
Örnek
Bu formun "geçerli durumu", gerekli giriş alanı boş olduğu sürece "doğru" olarak kabul edilmeyecektir:
<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
<form>AngularJS, öğenin varsayılan davranışını değiştirir .
Bir AngularJS uygulamasının içindeki formlara belirli özellikler verilir. Bu özellikler, formun geçerli durumunu açıklar.
Formlar aşağıdaki durumlara sahiptir:
$pristineHenüz hiçbir alan değiştirilmedi$dirtyBir veya daha fazlası değiştirildi$invalidForm içeriği geçerli değil$validForm içeriği geçerli$submittedForm gönderildi
Her durumun değeri bir Boolean değerini temsil eder ve ya true
veya false.
AngularJS'deki formlar, action niteliği belirtilmemişse, formu sunucuya gönderen varsayılan eylemi engeller.
Sözdizimi
<form name="formname"></form>
Formlara name özniteliğinin değeri kullanılarak başvurulur.
CSS Sınıfları
Bir AngularJS uygulamasının içindeki formlara belirli sınıflar verilir . Bu sınıflar, formlara durumlarına göre stil vermek için kullanılabilir.
Aşağıdaki sınıflar eklenir:
ng-pristineHenüz hiçbir alan değiştirilmeding-dirtyBir veya daha fazla alan değiştirilding-validForm içeriği geçerling-invalidForm içeriği geçerli değilng-valid-keyHer doğrulama için bir anahtar . Örnek:ng-valid-required, doğrulanması gereken birden fazla şey olduğunda kullanışlıdırng-invalid-keyÖrnek:ng-invalid-required
Temsil ettikleri değer ise sınıflar kaldırılır false.
Örnek
Değiştirilmemiş (bozulmamış) formlar ve değiştirilmiş formlar için stiller uygulayın:
<style>
form.ng-pristine {
background-color: lightblue;
}
form.ng-dirty {
background-color: pink;
}
</style>