最新のWeb開発のチュートリアル
 

AngularJS NG-モデル指令


スコープ内の変数に入力フィールドの値をバインドします。

<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 >

<選択>、<入力>でサポートされている、そして、<TEXTAREA>要素。


パラメーター値

Value Description
name The name of the property you want to bind to the form field.

関連ページ

角度チュートリアル: NG-モデル指令