亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

angular filter 重復執行

angular filter 重復執行

九州編程 2018-12-13 16:14:19
angular中使用filter時,無論頁面做什么操作(應該是觸發digest),filter都會觸發執行<div ng-controller="myCtrl">    <ul>        <li ng-repeat="item in items | filter : ''" ng-bind="item"></li>    </ul>    <button type="button" class="btn btn-primary">按鈕</button></div>app.controller('myCtrl', [    '$scope',    function ($scope) {        $scope.items = ['1', '2', '3'];    }]);在angular源碼filterFilter方法中打?。篺unction filterFilter() {  return function(array, expression, comparator) {    console.log(array);    if (!isArray(array)) return array;    // ...      };}執行效果如下:開始時,執行兩次filter,然后每次點擊按鈕就會執行一次filter。請問怎么解決這個問題?
查看完整描述

1 回答

?
慕少森

TA貢獻2019條經驗 獲得超9個贊

你已經知道答案了啊,就是因為filter寫在了模板中,因此每次digest都會重現編譯模板,解析表達式,執行表達式...巴拉巴拉...$digest幾次就運行幾次,這是正常的情況。

解決方法就是盡量不要把filter寫到模板中,而利用filter服務注入到controller中按需執行,或者干脆不要使用$filter也是可以的,可以將過濾的邏輯抽象到獲取數據的服務中。


查看完整回答
反對 回復 2019-01-02
  • 1 回答
  • 0 關注
  • 458 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號