AngularJS forma
AngularJS entrada de formulário controla coleção.
controles HTML
Os seguintes elementos de entrada HTML são chamados controles HTML:
- elemento de entrada
- selecione elementos
- elemento botão
- elemento textarea
formulário HTML
controles HTML e formulários HTML muitas vezes coexistem.
AngularJS instância de formulário
form = {{user}}
master = {{mestre}}
O código do aplicativo
<Form novalidate>
Nome: <br>
<Input type = "text" ng -model = "user.firstName"> <br>
Apelido: <br>
<Input type = "text" ng -model = "user.lastName">
<br>
<Button ng clique com o botão = "reset ()"> Redefinir </ button>
</ Form>
user}} </ p>
mestre}} </ p>
</ Div>
<Script>
var app = angular.module ( 'myApp', []);
app.controller ( 'formCtrl', function ($ escopo) {
$ Scope.master = {firstName: "John", lastName: "Doe"};
$ Scope.reset = function () {
$ Scope.user = angular.copy ($ scope.master);
};
Scope.reset $ ();
});
</ Script>
tente »
atributo novalidate é novo em HTML5 no. autenticação padrão Disable usa o browser. |
Exemplos de analítico
directiva ng-app define aplicações AngularJS.
directiva ng-controlador define o controlador de aplicação.
directiva ng-modelo ligam os dois elementos de entrada para o modelo de objeto do usuário.
função formCtrl define o valor inicial do objecto principal, e define o método de reinicialização ().
reset () método define o objeto de usuário é igual ao objeto mestre.
ng-clique método de comando chamado reset () e o botão de chamada é clicado.
propriedade novalidate na aplicação não é necessário, mas você precisa usar AngularJS forma, para reescrever a validação HTML5 padrão.