ngModel

使用 ng-model，你可以將變數繫結到任何型別的輸入欄位。你可以使用雙花括號顯示變數，例如 {{myAge}}。

<input type="text" ng-model="myName">
<p>{{myName}}</p>

當你在輸入欄位中鍵入或以任何方式更改它時，你將立即看到段落中的值更新。

在這種情況下，ng-model 變數將作為 $scope.myName 在你的控制器中可用。如果你使用的是 controllerAs 語法：

<div ng-controller="myCtrl as mc">
    <input type="text" ng-model="mc.myName">
    <p>{{mc.myName}}</p>
</div>

你需要通過將 ng-controller 屬性中定義的控制器別名預先掛起到 ng-model 變數來引用控制器的範圍。這樣你就不需要將 $scope 注入控制器以引用你的 ng-model 變數，該變數將作為控制器功能內的 this.myName 使用。