AngularJS ng-model 指令
AngularJS 實例
綁定輸入框的值到scope 變量中:
< 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 >
< input ng-model= "name" >
< /div >
< script >
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.name = "John Doe";
});
< /script >
嘗試一下»
定義和用法
ng-model指令綁定了HTML表單元素到scope變量中。
如果scope 中不存在變量, 將會創建它。
語法
< element ng-model= " name " > < / element >
<input>, <select>, <textarea>, 元素支持該指令。
參數值
值 | 描述 |
---|---|
separator | 你想要綁定到表單域的屬性名。 |