AngularJSng-modelディレクティブ
例
入力フィールドの値をスコープ内の変数にバインドします。
<div ng-app="myApp" ng-controller="myCtrl">
<input ng-model="name">
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.name
= "John Doe";
});
</script>
定義と使用法
ng-modelディレクティブは、HTMLフォーム要素をスコープ内の変数にバインドします。
変数がスコープに存在しない場合は、作成されます。
構文
<element ng-model="name"></element>
<input>、<select>、および<textarea>要素でサポートされています。
パラメータ値
| Value | Description |
|---|---|
| name | The name of the property you want to bind to the form field. |
関連ページ
Angularチュートリアル：モデルディレクティブ