如何$觀看數組項的變化，但不是該數組本身

Question

比如我有

$scope.array = [{ foo: 'bar'}, { foo: 'bar2'}] 

我想看這個陣列，使得

$scope.array.pop(); //$watch is not called 
$scope.array[0].foo = 'newbar'; //$watch is called 
$scope.array = [{ foo: 'bar' }, { foo: 'anotherbar' }]; //$watch is not called 

是否有可能與$做到這一點範圍。$看？

Answer 1

您可以使用函數返回所需的值看：

$scope.$watch(function(scope) { return scope.array && scope.array[0].foo; }, function(newValue, oldValue) { 
    // any action here 
    } 
); 

，如果你需要觀察更多的itens，你可以返回另一個數組所有Foo的對象，例如。