AngularJS ngのモデルディレクティブ

NGモデル命令のHTML値コントローラ（入力、選択、テキストエリア）にアプリケーションデータをバインドするために使用されます。

NG-モデルディレクティブ

ng-modelディレクティブは、変数の値とAngularJSドメイン作成したバインディングを入力することができます。

AngularJS例

<DIV ngのアプリ= "て、myApp " NG-コントローラ= "myCtrl">
名前：<入力NG-モデル= "名前">
</ DIV>

<スクリプト>
VARアプリ= angular.module（ 'て、myApp'、[]）;
app.controller（ 'myCtrl'、関数（$スコープ）{
$ Scope.name = "ジョン・ドウ」。
}）;
</スクリプト>

»をお試しください

ウェイバインディング

双方向結合あなたは、入力フィールドの値を変更すると、プロパティの値もAngularJSレビューになります。

AngularJS例

<DIV ngのアプリ= "て、myApp " NG-コントローラ= "myCtrl">
名前：<入力NG-モデル= "名前">
<H1>は次のように入力します。{{名前}} </ H1>
</ DIV>

»をお試しください

ユーザー入力を検証

AngularJS例

<フォームNG-アプリ= ""名前= "あるmyForm">
Eメール：
<入力タイプ= "メール"名前 = "myAddressは「NG-モデル="テキスト">
<スパンNG-ショー= "myForm.myAddress 。$ Error.email">ではない有効なメールアドレス</ span>の
</フォーム>

»をお試しください

上記の例では、内のメッセージng-showプロパティが返すtrueディスプレイケースを。

アプリケーション状態

ng-modelディレクティブは、ステータス値（無効な、汚い、触れ、エラーを提供する）アプリケーション・データのために：

AngularJS例

<フォームngのアプリ= ""名前= "あるmyForm" NG-INIT = "MYTEXT = '[email protected]'">
Eメール：
<入力タイプ= "メール"名必要= "myAddressは「NG-モデル=" MYTEXT "> </ P>
<H1>ステータス</ H1>
{{myForm.myAddressが有効な$}}
{{myForm.myAddress。}汚いです$}
{{myForm.myAddress。$}は触れ}
</フォーム>

»をお試しください