scope.$watch 不使用散列对象（关联数组）触发？

我的范围有问题。$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更改时不会触发事件