$手表没有完全刷新触发

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）。