AngularJS- `form`richtlijn

Hierdie vorm se "geldige toestand" sal nie as "waar" beskou word nie, solank die vereiste invoerveld leeg is:

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

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

Definisie en gebruik

AngularJS wysig die standaardgedrag van die <form>element.

Vorms binne 'n AngularJS-toepassing kry sekere eienskappe. Hierdie eienskappe beskryf die huidige toestand van die vorm.

Vorms het die volgende toestande:

Die waarde van elke staat verteenwoordig 'n Boole-waarde, en is óf true óf false.

Vorms in AngularJS verhoed die verstekaksie, wat die indiening van die vorm aan die bediener is, indien die aksie-kenmerk nie gespesifiseer is nie.

Daar word na vorms verwys deur die waarde van die naamkenmerk te gebruik.

Vorms binne 'n AngularJS-toepassing word sekere klasse gegee . Hierdie klasse kan gebruik word om vorms volgens hul toestand te styl.

Die volgende klasse word bygevoeg:

ng-pristine Geen velde is nog nie gewysig nie
ng-dirty Een of meer velde is gewysig
ng-valid Die vorminhoud is geldig
ng-invalid Die vorminhoud is nie geldig nie
ng-valid-keyEen sleutel vir elke validering. Voorbeeld: ng-valid-required, nuttig wanneer daar meer as een ding is wat bekragtig moet word
ng-invalid-key Voorbeeld: ng-invalid-required

Die klasse word verwyder as die waarde wat hulle verteenwoordig is false.

Pas style toe vir onveranderde (ongerepte) vorms, en vir gewysigde vorms:

<style>

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

</style>