过滤器不工作的NG-重复

问题描述：

我有触点阵列，我的对象是这样的：过滤器不工作的NG-重复

{"active":false,"lastName":"fdg","name":"riman","table":3}....

我可以看到所有项目，但过滤器只是不工作，我的模板是：

<ion-header-bar class="bar-subheader item-input-inset"> 
    <label class="item-input-wrapper"> 
     <i class="icon ion-ios7-search placeholder-icon"></i> 
     <input type="search" placeholder="Search" ng-model="searchText"> 
    </label> 
    <button class="button button-clear" ng-click="searchText =''"> 
     Cancel 
    </button> 
</ion-header-bar> 
<ion-content> 
    <ul class="list item-icon-right"> 
     <li class="item row" ng-repeat="(tel, contact) in contacts | filter:searchText">

更新：

我的代码是火力点：

$scope.contacts = {}; 
     $scope.data = $firebaseObject(ref); 
     $scope.data.$loaded() 
      .then(function() { 
       $scope.contacts = $scope.data.contacts; 
      })

控制台上的任何错误？ – Sajal

我没有看到属性'tel'和'contact'在你的对象中。你有这些名称的属性，对吧？ –

电话是重要的道具ID。它不在联系对象中。它的关键对象为firebase –

答

看看这个plunkr如果它可以帮助

Plunkr for filter
我已经加入类似：
<li class="item row" ng-repeat="(tel, contact) in contacts | filter:searchText"> {{contact.lastName}} </li>

当我把你的代码正在工作，但是当我试图从firebase获取我的数据它不工作。看到主要帖子更新 –

不是100％肯定，但我看到$ scope.contacts的初始化是对象而不是数组。你认为这会有所作为吗？ – jsmtslch

nop.same发出它的不相关。我想也许是因为数据来自firebase ... –

答

，如果你是过滤器对象，你需要指定属性

<li class="item row" ng-repeat="(tel, contact) in contacts | filter: {name: searchText}">

，你可以为过滤器添加更多的字段

ng-repeat="(tel, contact) in contacts | filter: {name: searchText, lastName: searchText}"

nop。它不工作，你不需要指定属性。你可以看到那个角度的例子 –

答

包裹SEARCHTEXT变量中的对象：

$scope.search = {text: ""};

然后引用它。基元不会沿着范围传播。

我试图做这样的搜索ng-model =“data.searchText”，但它不工作 –

你也改变了过滤器和清除按钮使用'data.searchText'吗？你可以发布一些代码，以便我可以更好看吗？ – tanenbring

是干净的按钮正在工作并清理文本。但过滤器不是。过滤器：data.searchText –

答

解决问题。 ng重复将工作，但ng过滤器不能过滤器对象有一个数组，它应该是一个对象数组。

过滤器不工作的NG-重复

相关推荐