根據你的代碼,您試圖多次添加標準,那麼你想用這些標準來篩選。
在你的JSON中只有3個屬性。 {姓名,電話和年齡}。
所以你的標準不應該超過3行,它不應該有同樣的事情兩次。 如果你這樣做,你需要建立你自己的過濾器。 使用下面的代碼
$scope.newList = function() {
var searchBy = {};
angular.forEach($scope.newCriteria, function(criteria, key) {
searchBy[criteria.name] = criteria.value;
});
$scope.newfriends = $filter('filter')($scope.friends, searchBy);
}
和HTML如下
<div id="searchy">
<ul class="list-unstyled">
<li style="display: inline-block" ng-repeat="crtia in newCriteria">
<table>
<tr>
<td>
<select ng-model="crtia.name" ng-options="searchopt for searchopt in searchcriteria " ng-click="searchy.check()"></select>
</td>
<td>
<input ng-model="crtia.value" placeholder="{{crtia.name}}" ng-change="newList()" />
</td>
</tr>
</table>
</li>
</ul> <button ng-click="searchy.generate()">Add Criteria</button> </div>
這裏是更新plunker。 http://plnkr.co/edit/r5OcI366dyvLQ24fFIje?p=preview。
Plunkr鏈接:http://plnkr.co/edit/3yOmiIJ9Yu9RfAgmuVA7 –
如果您創建了正確的搜索模型,如search.name,那麼您不需要在控件中使用「$ filter」請檢查我的答案。 – Reza