Latest web development tutorials

bentuk AngularJS


AngularJS masukan bentuk kontrol koleksi.


kontrol HTML

Berikut elemen masukan HTML disebut kontrol HTML:

  • elemen input
  • pilih elemen
  • tombol elemen
  • elemen textarea

bentuk HTML

kontrol HTML dan bentuk HTML sering hidup berdampingan.


AngularJS contoh bentuk

Nama pertama:

Nama terakhir:


Formulir = {{user}}

Master = {{Master}}


kode aplikasi

<Div ng-app = "myApp " ng-controller = "formCtrl">
<Form novalidate>
Nama pertama: Situs
<Input type = "text" ng -Model = "user.firstName"> Situs
Nama terakhir: Situs
<Input type = "text" ng -Model = "user.lastName">
<br>
<Tombol ng-klik = "reset ()"> RESET </ button>
</ Form>
<P> bentuk = {{{ user}} </ p>
<P> induk = {{{ Master}} </ p>
</ Div>

<Script>
var aplikasi = angular.module ( 'myApp', []);
app.controller ( 'formCtrl', function ($ lingkup) {
$ Scope.master = {firstName: "John", lastName: "Doe"};
$ Scope.reset = function () {
$ Scope.user = angular.copy ($ scope.master);
};
$ Scope.reset ();
});
</ Script>

Coba »
catatan atribut novalidate baru di HTML5 di. otentikasi bawaan menonaktifkan menggunakan browser.

Contoh analisis

ng-aplikasi direktif mendefinisikan aplikasi AngularJS.

ng-controller direktif mendefinisikan controller aplikasi.

ng-Model direktif mengikat dua elemen masukan untuk model objek pengguna.

Fungsi formCtrl menetapkan nilai awal dari objek induk, dan mendefinisikan metode reset ().

ulang () metode menetapkan objek pengguna adalah sama dengan objek utama.

ng-klik disebut reset () metode perintah, dan tombol panggilan diklik.

novalidate properti di aplikasi tersebut tidak diperlukan, tetapi Anda perlu menggunakan bentuk AngularJS, untuk menulis ulang validasi HTML5 standar.