$手錶沒有完全刷新觸發

Question

我有一個$ watch安裝程序來監視服務（MenuFilter）中的值的數組（menuItems）。

$scope.filterMenuItems = MenuFilter.menuItems; 

    $scope.$watch(function() { 
     return MenuFilter.menuItems; 
    }, function (newVal, oldVal) { 

     if (newVal !== oldVal) { 
      $scope.filterMenuItems = newVal; 
     } 
    }); 

在某個時刻菜單項被刪除，我希望列表被更新的手錶，但它不是。它只在刷新頁面時更新。

Answer 1

確保添加true作爲深入觀察或更好使用$watchCollection的第三個參數。

的問題是，$watch僅使用參考比較，即它不監視項目內你的陣列 - 只有數組引用本身（oldArray === newArray）。