CDN for 1.5.6：

Question

我创建了一个AngularJS应用程序，其中包含用于过滤<tbody> <tr>的输入。

现在我的表格正在过滤国家和城市 - 我希望它只过滤国家/地区。我尝试了很多filter:{Country: Search}的变体，但它似乎没有起作用。

感谢用户 edisoni.1337 ，我使用了AngularJS 1.2.1（如下所示）的更新工作示例。

＆＃13;

var app = angular.module('myApp', []);
app.controller('callCtrl', function($scope)
{
	$scope.stuff = [{"House": {"Country": "Denmark", "City": "Copenhagen"}}];
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
<div ng-app="myApp" ng-controller="callCtrl">
<input type="text" ng-model="Search">
<table>
<thead>
  <tr>
    <th>Country</th>
    <th>City</th>
  </tr>
</thead>
<tbody>
  <tr ng-repeat="x in stuff | filter : {'House.Country' : Search}">
    <td>{{x.House.Country}}</td>
    <td>{{x.House.City}}</td>
  </tr>
</tbody>
</table>
</div>

＆＃13;

CDN for 1.5.6：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>

Answer 1

这里有一个有效的jsfiddle

<TableRow >

另请阅读本文以便更好地理解 http://www.w3schools.com/angular/ng_filter_filter.asp

Answer 2

这适用于1.5.6，上面的代码几乎没有变化：http://jsbin.com/zuxokuy/edit?html,js,output

使用AngularJS

CDN for 1.5.6：

2 个答案: