对象角度内部的过滤器数组

Question

I'm trying to filter the results by term but since it's inside an array it's being quite hard to reach them with the filters in AngularJS.

var test=[

{

"title": "random stuff",

"path": "/random_stuff.html",

"labels": [

  {
    "term": "viewed",
    "probability": 0.083
  },

  {
    "term": "firefox",
    "probability": 0.083
  },

  {
    "term": "cookies",
    "probability": 0.083
  },

  {
    "term": "times",
    "probability": 0.055
  },

],

}
];

HTML :

<input class="looking" type="text"  ng-model="data.keywords"/>
<li ng-repeat="se in searchCtrl.data.pages | orderBy : '-views' | filter: ??" >

the data.keywords come from here:

var id=$routeParams.teamId;
var context=this;

context.data = {
    pages:[],
    keywords:id,
    isLogged:false
};

Because I need the first results to be showed from the ID in the URL.

Answer 1

Taken from the angularjs documentation:

friendObj in friends | filter:{$: 'your filter'}

A pattern object can be used to filter specific properties on objects contained by array

Note that a named property will match properties on the same level only, while the special $ property will match properties on the same level or deeper.

View the expression section: filter documentation

<div ng-controller="MyCtrl">
    <input type="text" data-ng-model="search" />
    <ul>
    <li data-ng-repeat="page in list.pages | filter: {$: search}">{{page.title}}</li>
    </ul>
</div>

var myApp = angular.module('myApp', []);

myApp.controller('MyCtrl', ['$scope', function ($scope) {
  $scope.list = {
    pages: [{
        "title": "random stuff1",
            "path": "/random_stuff.html",
            "labels": [{
            "term": "viewed",
                "probability": 0.083
        }, {
            "term": "firefox",
                "probability": 0.083
        },

        {
            "term": "cookies",
                "probability": 0.083
        }, {
            "term": "times",
                "probability": 0.055
        }, ],
    }, {
        "title": "random stuff2",
            "path": "/random_stuff.html",
            "labels": [{
            "term": "viewed",
                "probability": 0.083
        }, {
            "term": "firefox",
                "probability": 0.083
        },

        {
            "term": "cookies",
                "probability": 0.083
        }, {
            "term": "my name",
                "probability": 0.078
        }, ],
    }]
};
}]);

Please see working example: https://jsfiddle.net/1j5fnrd6/

Type 'my name' and you will see the filter being applied on random stuff2