多维数组上的Angular js $watch？

Question

你好下面的朋友是我的数组。

data.php 文件

$array = array(
   '0' => array(
            'id' = 1,
            'name' = 'test',
            'key' = array(
                       '0' = 'key1',
                       '1' = 'key2',
                       '2' = 'key3'
                    )
         ),
   '1' => array(
            'id' = 3,
            'name' = 'test3',
            'key' = array(
                       '0' = 'key7',
                       '1' = 'key8',
                       '2' = 'key9'
                    )
         ),
     '2' => array(
            'id' = 15,
            'name' = 'test30',
            'key' = array(
                       '0' = 'key4',
                       '1' = 'key5',
                       '2' = 'key6'
                    )
         )
);
echo json_encode($array);

下面是我的js代码。

$http({method: 'GET', url: $rootScope.serverURL+'data.php'}).
  success(function (data, status, headers, config) {
      $rootScope.simpleData = data;
  }).
  error(function (data, status, headers, config) {

  });

$scope.$watch('page + numPage + simpleData', function() {
    console.log('working');    
},true);

现在我想在“key”上设置希望。

$scope.$watch('page + numPage + simpleData.key', function() {
    console.log('not working');    
},true);

当我像这样工作正常编写此代码时，此代码不起作用。

$scope.$watch('page + numPage + simpleData[0].key', function() {
    console.log('working');    
},true);

当我编写 js 时，它工作正常。角度 js 监视键，但仅适用于“0”元素。 在数组中我有很多元素我如何查看所有元素“Key”。

请帮忙

谢谢

Answer 1

$watching "simpleData.key" 不起作用，因为$scope.simpleData.key === undefined。

如果您尝试深度观察数组，您可以将true 作为第三个参数添加到$watch，它会进行深度观察，但这会大大降低性能。每个 $digest 循环都必须深入比较您的数组。

$watch("simpleData", function(){...}, true);