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
Formulir = {{user}}
Master = {{Master}}
kode aplikasi
<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>
user}} </ p>
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 »
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.