javascript - 过滤特定的多个表达式 Angular js

Question

我只想在列名称或数字中搜索，目前我仅在列名称中搜索。

<input type="text" ng-model="test.name" placeholder="start typing..">

我的表情

  <tr ng-repeat="x in names | filter:test | limitTo:totalDisplayed">
                            <td>{{ x.name }}</td>
                            <td>{{ x.number}}</td>
                            <td>{{ x.city }}</td>
                            <td>{{ x.country }}</td> 
                        </tr>

Answer 1

创建自定义过滤器来完成此操作。

html

<input type="text" ng-model="test.name" placeholder="start typing..">
        <tr ng-repeat="x in names | myFilter: test">
                       <td>{{ x.name }}</td>
                       <td>{{ x.number}}</td>
                       <td>{{ x.city }}</td>
                       <td>{{ x.country }}</td> 
                   </tr>

js过滤器

angular.module('myApp').filter('myFilter', function () {
      return function (list, input) {

    //input is test object and list is your current array you want to return a filtered array
    var myArray = [];
    list.forEach(function(o, i){
        if(o.name.indexOf(input.name) > -1 || o.number.indexOf(input.name) > -1 )
            myArray.push(o);
    });

    return myArray
};
});