ngRepeat筛选器，按数组属性

Question

If I have an object with a property that is an array, how can I filter by the first element of this property?

Data

{
    Id: "0",
    Name: ["John", "Doe"]
}

ngRepeat

<li ng-repeat="u in users | filter:{Name[0]: 'John'}">{{ u.Name[0] + ' ' + u.Name[1] }}</li>

Answer 1

Slightly modified from this SO answer to work with arrays:

<li ng-repeat="u in users | filter: {Name: ['John']}">{{ u.Name[0] + ' ' + u.Name[1] }}</li>

---

Update: This doesn't seem to work after version 1.2.1 or so. You can see the difference in this fiddle using v1.2.1 and this one using v1.4.8 . Not sure what's changed between these two or if the feature was ever even officially supported. As an alternative, you could use a function predicate, like so:

<li ng-repeat="u in users | filter: isJohn">{{ u.Name[0] + ' ' + u.Name[1] }}</li>

controller:

$scope.isJohn = function(value){
    return value.Name[0] === 'John';
};

But then again, that's not much simpler than creating a custom filter like nubinub suggested in the comments, and definitely less reusable.

Answer 2

尝试这个

<li ng-repeat="u in users | filter:u.Name[0] == 'John'">{{ u.Name[0] + ' ' + u.Name[1] }}</li>