Latest web development tutorials

angularjs formą


Angularjs wejście formą kontroluje kolekcji.


kontrole HTML

Następujące elementy wejściowe HTML nazywane są kontrole HTML:

  • elementem wejściowym
  • wybierz elementy
  • Element przycisk
  • elementem textarea

formularz HTML

Kontrole HTML i formularze HTML często współistnieją.


Angularjs wystąpienie formularza

Imię:

Nazwisko:


Formularz = {{user}}

master = {{}} mistrz


Kod aplikacji

<Div ng-app = "myApp " NG-controller = "formCtrl">
<Formularz novalidate>
Imię: Największa
<Input type = "text" ng -Model = "user.firstName"> Największa
Nazwisko: Największa
<Input type = "text" ng -Model = "user.lastName">
<br>
<Przycisk ng-click = "reset ()"> Reset </ button>
</ Form>
<P> form = {{{ user}} </ p>
<P> master = {{{ mistrz}} </ p>
</ Div>

<Script>
var app = angular.module ( "myApp", []);
app.controller ( "formCtrl ', function ($ zakres) {
$ Scope.master = {imię: "Jan", nazwisko "Kowalski"};
$ Scope.reset = function () {
$ Scope.user = angular.copy ($ scope.master);
};
$ Scope.reset ();
});
</ Script>

Spróbuj »
uwaga atrybut novalidate nowego w HTML5 w. Uwierzytelnianie domyślne Wyłącz wykorzystuje przeglądarkę.

Przykłady analityczne

Dyrektywa ng-app definiuje aplikacje angularjs.

Dyrektywa definiuje ng kontroler kontroler aplikacji.

Dyrektywa ng model związać dwa elementy wejściowe do modelu obiektowego użytkownika.

Funkcja formCtrl ustawia początkową wartość obiektu głównego i określa sposób zerowania ().

reset () Metoda ustawia przedmiot jest jednakowa dla partycji.

ng kliknij zwany reset () metody poleceń i przycisk wywołania kliknięciu.

Obiekt novalidate we wniosku nie jest konieczne, ale trzeba użyć angularjs postać na przepisywanie standardowego walidacji HTML5.