ng-model指令

ng-model指令作用是綁定HTML表單元素到AngularJS應用程序數據中，即$scope變量中．

語法：

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

其中tag可以是input, select, textarea

如：

<div ng-app="myApp" ng-controller="myCtrl">
    Name: <input ng-model="name">
</div>

<script>
    var app = angular.module("myApp", []);
    app.controller('myCtrl', function($scope){
        $scope.name = "tina"
    })
</script>

ng-model可實現數據雙向綁定，上例是通過控制$scope變量中的name值，input元素只會跟着name值變化而變化；除此之外也可以讓name值由input輸入值來控制．如：

<div ng-app="myApp" ng-controller="myCtrl">
Name: <input ng-model="name">
<h1>You entered: {{name}}</h1>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.name = "John Doe";
});
</script>