角度ng重复滤波器

Question

我正在尝试根据输入文本过滤我的表数据，但有些过滤器无法正常工作。请帮忙。

  <div class="panel panel-default">
   <div class="panel-heading">search
    <input type="text" ng-model="search_text">
    Searching for :: {{search_text}}
   </div>  
  <Table>   
  <table class="table table-hover table-bordered">
    <tr>
        <td>Item ID</td>
        <td>Quantity</td>       
    </tr>
    <tr ng-repeat="item in items | filter:search_text">
        <td>{{item.item[0] }}</td>
        <td>{{item.item[1] }}</td>
    </tr>
 </table>
 </div>

Answer 1

请检查您正在使用的angularjs的版本或控制台中的任何错误。

您的代码似乎有效并且确实是正确的。

  //array of items containing itemID and its quantity
  $scope.items = [{
                    item:['chair',45]
                  },
                  {
                    item:['bed',23]
                  },
                  {
                    item:['laptop',8]
                  }]

这是工作plunkr

表数据确实是根据您在文本框中输入的值进行过滤

Answer 2

从Angular 1.1.3开始，您可以使用：

<tr ng-repeat="item in items | filter:{item[0]: search_text}">

这会将它与对象中的对象属性项[0]进行比较。 如果您想要完全匹配，可以通过添加：

将过滤设置为true

<tr ng-repeat="item in items | filter:{item[0]: search_text}:true">