scope。$ watch不能与哈希对象（关联数组）一起触发？

Question

我的示波器有问题。$ watch，我有两个组件和一个控制器，在第一个组件中，我可以检查一些复选框，当我检查这些复选框时，我会更新一个包含所有已检查对象的变量：

scope.values[well].selected = !scope.values[well].selected;
if (!scope.selectedWells.includes(scope.values[well])) {
  scope.selectedWells.push(scope.values[well]);
} else {
  var index = scope.selectedWells.indexOf(scope.values[well]);
  if (index > -1) {
     scope.selectedWells.splice(index, 1);
  }
}

使用此代码，它工作良好，当我修改我的selectedWells对象时，在第二个组件中，该事件为catch：

scope.$watch('selectedWells', reloadLegend, true);

问题是我需要使我的selectedWells对象成为一个哈希对象（关联数组），以具有如下所示的内容：

{
  'wellNumber1' : {}
}

所以我将代码编辑为此：

scope.values[well].selected = !scope.values[well].selected;

// Add or remove from the selectedWells
if (!scope.selectedWells[well]) {
  scope.selectedWells[well] = scope.values[well];
} else {
  delete scope.selectedWells[well];
}

它在第一个组件中也很好用，但是我的事件不再被捕获。

为什么这只能用于“简单”数组而不适用于关联数组？

编辑：

这是我的问题的第二个例子：

var currentScreen = {};
$scope.$watch('currentScreen', function() {
  console.log("screen changed");
}, false);

/**
 * Get a screen by id
 * @param id
 */
function getDefaultScreen(id) {
  $timeout(function () {
    ScreensService.customShow('get', 'example')
      .then(getScreen)
      .catch(getScreenFailed);

    function getScreen(data) {
      console.log(data);
      currentScreen = data;
    }

    function getScreenFailed(e) {
      ...
      return $q.reject(e);
    }
  });
}

“获取”屏幕返回如下对象：{A01: {…}, A02: {…}, A03: {…}, A04: {…}, A05: {…}, …}

但是currentScreen更改时不会触发该事件

Answer 1

使用手表：

$scope.$watch('currentScreen', function() {
  console.log("screen changed");
̶}̶,̶ ̶f̶a̶l̶s̶e̶)̶;̶
}, true);

浅表（带有false）仅检查对象 reference 中的更改。深入观察（带有true）检查内容中的变化。

有关信息，请参见AngularJS Developer Guide - $scope Watch Depths。