Latest web development tutorials

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

Nome:

Cognome:


forma = {{user}}

master = {{}} maestro


Il codice dell'applicazione

<Div ng-app = "myApp " ng-controllore = "formCtrl">
<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>
<P> form = {{{ user}} </ p>
<P> master = {{{ 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 »
nota 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.