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

<Div ng-app = "myApp " ng-controller = "myCtrl">
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

<Div ng-app = "myApp " ng-controller = "myCtrl">
Nama: <input ng-model = " nama">
<H1> Anda masukkan: {{nama}} </ h1>
</ Div>

Coba »

Memvalidasi input pengguna

AngularJS contoh

<Form ng-app = "" name = "myForm">
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

<Form ng-app = "" name = "myForm" ng-init = "myText = '[email protected]'">
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 »