AngularJS se forma
A forma angularJS é uma coleção de controles de entrada.
Controles HTML
Os seguintes elementos de entrada HTML são chamados de controles HTML:
elemento de entrada
Selecione elemento
elemento do botão
elemento textarea
Formulário HTML
Os formulários HTML geralmente existem ao mesmo tempo que os controles HTML.
Instância do formulário AngularJS
Primeiro nome:
Sobrenome:
form = {"FirstName": "John", "LastName": "Doe"}
master = {"FirstName": "John", "LastName": "Doe"}
Código do aplicativo:
<! Doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </body> <body> <body> <dbody-kng ng "</script> </body> <dbody> <dbody-kng.-Ngpp. ng-CONTROLLER = "FormCtrl"> <Formulário Novalidado> Primeiro nome: <br> <input type = "text" ng-model = "user.firstname"> <br> Sobrenome: <br> <brut Type = "text" ng-model = "user.LastName"> <br> <blbr> <blot> <blot ", {{user}} </p> <p> master = {{Master}} </p> </div> <cript> var app = angular.module ('myApp', []); app.Controller ('formCtrl', function ($ scope) {$ scope.master = {primeiro; function () {$ scope.user = angular.copy ($ scope.master);Resultados em execução:
Primeiro nome:
Sobrenome:
form = {"FirstName": "John", "LastName": "Doe"}
master = {"FirstName": "John", "LastName": "Doe"}
NOTA: A propriedade Novalidate é adicionada recentemente no HTML5. Verificação padrão desativada usando o navegador.
Exemplo de análise
A diretiva NG-APP define aplicações AngularJS.
A diretiva NG-Controller define o controlador de aplicativos.
A diretiva NG-Model liga dois elementos de entrada ao objeto de usuário do modelo.
A função formCtrl define o valor inicial do objeto mestre e define o método RESET ().
O método Reset () define o objeto do usuário igual ao objeto mestre.
A diretiva NG-Click chama o método RESET () e é chamado quando o botão é clicado.
A propriedade Novalidate não é necessária no aplicativo, mas você precisa usá -lo nos formulários AngularJS para substituir a validação padrão HTML5.
O exposto acima é uma compilação de materiais do AngularJS, e continuaremos a adicioná -los mais tarde. Espero que os alunos que possam ajudar na programação.