在Angular.js中按指定列过滤表

<input type="text" ng-model="filterText" placeholder="输入过滤条件">
<table>
  <tr>
    <th>列1</th>
    <th>列2</th>
    <th>列3</th>
  </tr>
  <tr ng-repeat="item in items | filter:filterText">
    <td>{{item.column1}}</td>
    <td>{{item.column2}}</td>
    <td>{{item.column3}}</td>
  </tr>
</table>

app.controller('MyController', function($scope) {
  $scope.items = [
    { column1: '值1', column2: '值2', column3: '值3' },
    { column1: '值4', column2: '值5', column3: '值6' },
    { column1: '值7', column2: '值8', column3: '值9' }
  ];
});

app.filter('columnFilter', function() {
  return function(items, column, filterText) {
    var filteredItems = [];
    angular.forEach(items, function(item) {
      if (item[column].indexOf(filterText) !== -1) {
        filteredItems.push(item);
      }
    });
    return filteredItems;
  };
});

<tr ng-repeat="item in items | columnFilter:'column1':filterText">
  <td>{{item.column1}}</td>
  <td>{{item.column2}}</td>
  <td>{{item.column3}}</td>
</tr>