javascript - 使用 $scope.foo 与 food.value 的优点

Question

在 Controller 中，我们有时可以通过 DOM id 的值来访问输入值，而不是设置 ng-model 指令，然后将 DOM 值绑定(bind)到 $scope。

例如，在

<input type="text" ng-model="foo" id=foo>

我们可以在 Controller 中使用$scope.foo或foo.value。在这种情况下使用 $scope 有什么好处？

Answer 1

我认为使用ng-model而不是通过id获取输入值的主要好处是双向绑定(bind)。 ng-model 中的变量始终是最新的，您可以直接在 html 中或任何您想要的地方使用它。

<input type="text" ng-model="foo" id="fooInput" />
<p>ng-model value: <span ng-bind="foo"></span></p>

如果您选择通过 id 从输入中获取值时的方法，您将失去此功能，但您会获得更好的性能。因为每当您输入 into 时，它都会触发 $digest 循环，导致 Angular 更新应用程序中的所有观察者和绑定(bind)，以查看是否有任何更改。

关于 plunker 的一个小演示.