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