AngularJS modulo
AngularJS ingresso modulo controlla collezione.
controlli HTML
I seguenti elementi di input HTML sono chiamati controlli HTML:
- elemento di input
- selezionare gli elementi
- elemento pulsante
- elemento textarea
modulo HTML
controlli HTML e moduli HTML spesso coesistono.
AngularJS esempio modulo
forma = {{user}}
master = {{}} maestro
Il codice dell'applicazione
<Form novalidate>
Nome: <br>
<Input type = "text" ng -model = "user.firstName"> <br>
Cognome: <br>
<Input type = "text" ng -model = "user.lastName">
<br>
<Pulsante ng-clic = "reset ()"> RESET </ button>
</ Form>
user}} </ p>
maestro}} </ p>
</ Div>
<Script>
var app = angular.module ( 'myApp', []);
app.controller ( 'formCtrl', function ($ portata) {
$ Scope.master = {firstName: "John", Cognome: "Doe"};
$ Scope.reset = function () {
$ Scope.user = angular.copy ($ scope.master);
};
$ Scope.reset ();
});
</ Script>
Prova »
attributo novalidate è nuovo in HTML5 in. Disattivare l'autenticazione di default utilizza il browser. |
Esempi di analitica
direttiva ng-app definisce applicazioni AngularJS.
direttiva ng-controllore definisce il controller dell'applicazione.
direttiva ng-modello legano i due elementi di input per il modello a oggetti utente.
funzione formCtrl imposta il valore iniziale del oggetto master, e definisce il metodo reset ().
reset () metodo imposta l'oggetto utente è uguale all'oggetto master.
ng-click metodo di comando chiamato reset (), e il pulsante di chiamata viene cliccato.
Proprietà novalidate nella domanda non è necessario, ma è necessario utilizzare AngularJS modulo, per riscrivere la convalida standard HTML5.