O melhor tutorial AngularJS forma em 2024. Neste tutorial você pode aprender controles HTML,formulário HTML,AngularJS instância de formulário,O código do aplicativo,Exemplos de analítico,

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

Nome:

Sobrenome:


form = {"firstName":"John","lastName":"Doe"}

master =


O código do aplicativo

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

AngularJS forma
10/30