O AngularJS fornece um rico preenchimento de formulários e verificação. Podemos usar o NG-Clique para lidar com o botão AngularJS Clique em Evento e, em seguida, usar os sinalizadores $ Dirty e $ inválidos para verificá-lo. Use a declaração do formulário de Novalidato para proibir qualquer verificação específica do navegador. Os controles do formulário usam muitas atividades de canto. Vamos dar uma rápida olhada nos eventos primeiro.
evento
O AngularJS fornece vários eventos que podem ser associados a controles HTML. Por exemplo, o clique ng geralmente está associado a um botão. A seguir, são apresentados eventos suportados por angularjs.
ng-clique
ng-dbl-clique
ng-Mousedown
ng-mouseup
ng-mouseEnter
ng-mouseleable
ng-mousemove
ng-mouseOver
ng-keydown
ng-keyup
NG-KEKEPRESS
ng-mudança
ng-clique
Use o comando para clicar em um botão para redefinir os dados.
<input name = "primeironame" type = "text" ng-model = "primeironame" necessário> <nome de entrada = "lastName" type = "text" ng-model = "lastName" requerido> <butp name = "email" type = "email" ng-model = "email"> <butão nglick = "resset"> "> reset"> "RESET"> "RESET"> "RESET"> (e-mail "ng-model =" email "> <botão ng-click =" RESET () "> $ scope.reset = function () {$ scope.firstname = "mahesh"; $ scope.lastName = "Parashar"; $ scope.email = "[email protected]"; } $ scope.reset ();} </script>Verifique os dados
Os seguintes erros de rastreamento podem ser usados.
$ sujo - a estipulação foi alterada.
$ inválido O status desse valor é inválido.
$ erro- indica o erro exato.
exemplo
Os exemplos a seguir mostrarão todas as instruções acima.
testangularjs.html
<html> <head> <title> formas angulares js </title> <yoy> tabela, th, td {borda: 1px cinza sólido; colapso da fronteira: colapso; preenchimento: 5px;} tabela tr: nth-child (ímpar) {background-color: #f2f2f2;} tabela tr: nth-child (par) {background-color: #fffff;} </styled> </head> <body> <h2> aplicação de amostra angularjs <er "> <dng-app => <h2>" Novelidate> <table> <tr> <td> Digite o primeiro nome: </td> <td> <input name = "primeironame" type = "text" ng-model = "primeironame" requerido> <span style = "cor: vermelho" ng-show = "studentform.firstname. ng-show = "StudentForm.firstName. $ error.rewired"> O primeiro nome é necessário. ng-show = "studentForm.lastName. ng-model = "email" comprimento = "100" necessário> <span style = "cor: vermelho" ng-show = "studentform.mail. </span> </td> </tr> <tr> <td> <button ng-click = "reset ()"> reset </butut> </td> <td> <botão ng -Disabled = "studentForm.firstname. StudentForm.email. "Parashar"; $ scope.email = "[email protected]"; } $ scope.reset ();} </script> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </cript> </body> </html>Saída
Open textangularjs.html em um navegador da web. Os resultados são os seguintes.
O exposto acima é a classificação do conhecimento das formas angulares. Continuaremos a adicionar conhecimento relevante no futuro. Obrigado pelo seu apoio a este site!