AngularJS-过滤特定的深色属性

Question

I have a javascript object and want to use angular's filter on a specific deep property but it does not seem to work.

function MyCtrl($scope, $filter)
{
 $scope.items = [
    {id:{val:1,str:'abc'}, name:'John'},
    {id:{val:2,str:'abcd'}, name:'John'},
    {id:{val:3,str:'xyz'}, name:'John'},
    {id:{val:4,str:'axcvb'}, name:'John'},
    {id:{val:5,str:'qwe'}, name:'John'}];

 $scope.items2 = $scope.items;

 $scope.$watch('search', function(param)
 {
    $scope.items = $filter('filter')($scope.items2, {id:{val:param}},false);
 });
};

here is the fiddle http://jsfiddle.net/Lhhetazm/2/

If i just say,

$scope.items = $filter('filter')($scope.items2, {id:param},false);

Then it works but it searches the whole object which is not what i want, and i want it to work for partial searchs so i set the exact match flag to false

Answer 1

Get rid of the $watch from the Controller and perform the filter on the ng-repeat ...

<tr ng-repeat="item in items | filter:{id.val:search}">
    <td>{{item.id}}</td>
    <td>{{item.name}}</td>
</tr>