AngularJS ng-model ディレクティブ

定義と用法

ng-model 指令は HTML フォーム要素をスコープ内の変数にバインドします。

スコープ内にその変数が存在しない場合、それを生成します。

関連ページ

Angular チュートリアル：ng-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 = "Bill Gates";
});
</script>

自分で試してみる

文法

<element ng-model="name</element>

要素 <input>、<select> および <textarea> 要素サポート。

パラメータ