ng-src中的函數多次執行

Question

我的清單很小，想為每個清單項目執行一個功能。 但是此函數多次執行，我不知道為什么。

HTML：

  <body  ng-controller="ListCtrl">
    <div>
        <ul ng-repeat="item in items">
          <li>{{item.name}}<img ng-src="{{test()}}"></li>
        </ul>
        {{counter}}
    </div>
  </body>

角度：

$scope.items = [
{name: 'foo', },
{name: 'bar', },
{name: 'baz', }
];
var counter= 0;
$scope.test= function(){
$scope.counter=counter++;
console.log("Executed");
}

為什么函數文本多次執行？ 另請參見以下示例： http : //plnkr.co/edit/kxJZHCmFs4POd3SVtGZ8

Answer 1

這是預期的行為。 每當在html模板中遇到插值表達式{{}}都會創建一個監視來跟蹤該表達式中的更改。 在$digest循環中，表達式可以計算數十次。
切勿在插值表達式中使用函數調用。 僅$scope定義的引用屬性。 在你的情況下應該是這樣的

$scope.testValue = $scope.test();

{{testValue}}

ng-src中的函數多次執行

問題描述

1 個解決方案

解決方案1
3 2015-07-23 09:05:51

ng-src中的函數多次執行

問題描述

1 個解決方案

解決方案1 3 2015-07-23 09:05:51

解決方案1
3 2015-07-23 09:05:51