formSměrnice AngularJS
Příklad
„Platný stav“ tohoto formuláře nebude považován za „pravdivý“, pokud bude požadované vstupní pole prázdné:
<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>
<p>The forms's valid state is:</p>
<h1>{{myForm.$valid}}</h1>
Definice a použití
AngularJS upravuje výchozí chování <form>prvku.
Formuláře uvnitř aplikace AngularJS mají určité vlastnosti. Tyto vlastnosti popisují aktuální stav formuláře.
Formuláře mají následující stavy:
$pristineDosud nebyla upravena žádná pole$dirtyJeden nebo více bylo upraveno$invalidObsah formuláře není platný$validObsah formuláře je platný$submittedFormulář je odeslán
Hodnota každého stavu představuje booleovskou hodnotu a je buď true
nebo false.
Formuláře v AngularJS zabrání výchozí akci, kterou je odeslání formuláře na server, pokud není zadán atribut action.
Syntax
<form name="formname"></form>
Na formuláře se odkazuje pomocí hodnoty atributu name.
Třídy CSS
Formuláře uvnitř aplikace AngularJS mají určité třídy . Tyto třídy lze použít ke stylizaci formulářů podle jejich stavu.
Přidávají se následující třídy:
ng-pristineŽádná pole dosud nebyla upravenang-dirtyJedno nebo více polí bylo změněnong-validObsah formuláře je platnýng-invalidObsah formuláře není platnýng-valid-keyJeden klíč pro každé ověření. Příklad:ng-valid-required, užitečné, když existuje více než jedna věc, která musí být ověřenang-invalid-keyPříklad:ng-invalid-required
Třídy jsou odstraněny, pokud je hodnota, kterou představují, false.
Příklad
Použít styly pro neupravené (nedotčené) formuláře a pro upravené formuláře:
<style>
form.ng-pristine {
background-color: lightblue;
}
form.ng-dirty {
background-color: pink;
}
</style>