AngularJS ng-model yang direktif
ng-model pembelajaran yang digunakan untuk mengikat data aplikasi ke HTML nilai controller (input, pilih, textarea) dari.
ng-Model direktif
ng-model
direktif dapat memasukkan nilai-nilai variabel dan AngularJS domain dibuat binding.
AngularJS contoh
Nama: <input ng-model = " nama">
</ Div>
<Script>
var aplikasi = angular.module ( 'myApp', []);
app.controller ( 'myCtrl', function ($ lingkup) {
$ Scope.name = "John Doe";
});
</ Script>
Coba »
cara mengikat
Dua arah mengikat, ketika Anda mengubah nilai dari field input, nilai properti juga akan AngularJS Ulasan:
AngularJS contoh
Nama: <input ng-model = " nama">
<H1> Anda masukkan: {{nama}} </ h1>
</ Div>
Coba »
Memvalidasi input pengguna
AngularJS contoh
email:
<Jenis Masukan = "email" nama = "myAddress" ng-model = "text">
<Span ng-show = "myForm.myAddress . $ Error.email"> bukan alamat email yang valid </ span>
</ Form>
Coba »
Contoh di atas, pesan dalam ng-show
properti mengembalikan true
etalase.
negara aplikasi
ng-model
direktif memberikan nilai Status (valid, kotor, menyentuh, kesalahan ) untuk data aplikasi:
AngularJS contoh
email:
<Input type = "email" nama = "myAddress" ng-model = "myText" diperlukan> </ p>
<H1> Status </ h1>
{{MyForm.myAddress. $ Valid}}
{{MyForm.myAddress. $ Kotor}}
{{MyForm.myAddress. $ Menyentuh}}
</ Form>
Coba »
kelas CSS
ng-model
instruksi berdasarkan negara mereka menyediakan kelas CSS untuk elemen HTML:
AngularJS contoh
background-color: lightblue;
}
<Body>
<Form ng-app = "" name = "myForm">
Masukkan nama Anda:
<Nama Masukan = "myAddress" ng -Model = "text" yang diperlukan>
</ Form>
Coba »
ng-model
instruksi berdasarkan bentuk bidang negara untuk menambah / menghapus kategori berikut:
- ng-kosong
- ng-tidak-kosong
- ng-menyentuh
- ng-tersentuh
- ng-valid
- ng-valid
- ng-kotor
- ng-pending
- ng-murni