在angularjs中观察数组对象中的特定成员

Question

我有一个对象数组，如：

$scope.arr = [{firstName: 'foo', lastName: 'bar'}, {firstName: 'john', lastName: 'doe'}]

我想使用$scope.$watch仅查看数组项中的firstName成员。像$scope.$watch('arr[*].firstName', ... )这样的东西。有可能吗？

谢谢！

Answer 1

您可以在范围内使用以下功能：

$scope.getFirstNames = function() {
    return $scope.arr.map(function(element) {
        return element.firstName;
    });
}

然后使用

$scope.$watch('getFirstNames()', ...