角度ng變化與ng模型的性能

Question

在輸入中使用ng-change而不是ng-model可以提高性能嗎？

我假設在輸入中使用ng-model時，將通過變量中的angular生成一個“ $ watch”（或類似名稱），這會增加工作量。

但是，如果使用ng-change，則可以在需要時更新變量（模型），僅當輸入更改了此變量時才可以執行代碼。

假設只有一個輸入可以更改變量，則此方法有效。

示例如下：

使用ng-model

<input type="text" ng-model="ElTexto">
<div ng-show="ElTexto"></div>

使用ng-change

html

<input type="text" ng-change="elTexto()">
<div ng-show="ElTexto"></div>

js

$scope.elTexto(){
  $scope.ElTexto = true;
}

Answer 1

ng-change 需要 ng-model ，因此您不能在兩者之間進行選擇。 您必須使用ng-model ，也可以根據需要使用ng-change 。

請注意，兩者非常不同。 ng-model將使您輸入的值及其支持模型保持完美同步； ng-change將指示用戶正在與輸入進行交互。 如果您關心它們正在更改的值，例如您正在執行自動完成，則只需使用ng-model並使所有代碼共享相同的變量。 如果您特別想在輸入更改時采取措施，無論其值是多少，都可以使用ng-change 。

Answer 2

ng-change將具有擊球效果，然后是ng-model 。 就像在每個摘要循環中一樣，將評估ng-model而ng-change將根據輸入ng-change進行評估。