使用AngularJS在单列值上过滤

Question

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

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

由于用户edisoni.1337我有使用AngularJS 1.2.1（低于一个可见）的更新的工作示例。

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

<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>

CDN为1.5.6：

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

Answer 1

这里有一个工作jsfiddle

<tr ng-repeat="x in stuff | filter : {'House.Country' : Search}"> 
    <td>{{x.House.Country}}</td> 
    <td>{{x.House.City}}</td> 
</tr> 

另请阅读这篇文章，更好地了解 http://www.w3schools.com/angular/ng_filter_filter.asp

Answer 2

这适用于1.5.6与上面的代码一些变化：http://jsbin.com/zuxokuy/edit?html,js,output