$watch 不会在没有完全刷新的情况下触发

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