Kurs önerisi:

AngularJS input talimatı

Tanım ve kullanım <input> elementinin varsayılan davranışını değiştirir, ancak ng-model özniteliği mevcutsa.

veri bağlantısı sağlar, bu da AngularJS modelinin bir parçası oldukları ve AngularJS işlevleri ve DOM'da referans alınabilecekleri anlamına gelir.

onay sağlar. Örnek: required özniteliğinin <input> boşsa, elementin $valid durum ayarlanır false。

Ayrıca durum kontrolü sağlar. AngularJS tüm girdi elementlerinin mevcut durumunu kaydeder.

Girdi alanları aşağıdaki durumları içerir:

Her durum değeri bir boolean değeri temsil eder, true veya false。

Veri bağlantılı girdi kutusu:

<input ng-model="myInput">
<p>Girdi kutusunun değeri:</p>
<h1>{{myInput}}</h1>

<input ng-model="name">

kullanarak ng-model değerleri, girdi elementine atıfta bulunmak için kullanılır.

AngularJS uygulaması içinde <input> Bu sınıflar, girdi elementinin durumuna göre tarzını ayarlamak için kullanılabilir.

Aşağıdaki sınıflar eklendi:

ng-untouched Bu alan henüz dokunulmadı
ng-touched Bu alan zaten dokunuldu
ng-pristine Bu alan henüz değiştirilmemiştir
ng-dirty Bu alan değiştirilmiştir
ng-valid Alan içeriği geçerli
ng-invalid Alan içeriği geçersiz
ng-valid-key Her seferinde bir anahtarı doğrula. Örneğin:ng-valid-requiredbirden fazla şeyin doğrulanması gerektiğinde çok faydalıdır
ng-invalid-key Örneğin:ng-invalid-required

Sınıfın temsil ettiği değer falseise bu sınıflar silinecektir.

Standart CSS kullanarak geçerli ve geçersiz girdi elemanlarına stil uygula:

<style>
input.ng-invalid {
    background-color: pink;
}
input.ng-valid {
    background-color: lightgreen;
}
</style>