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 使用。