2016-03-19 148 views
0

我似乎在这里丢失了一些东西,用搜索框过滤ng-repeat。使用ng时没有效果的角度过滤器如果

<li ng-if="searchTab"><input type="text" class="form-control" placeholder="Search" ng-model="search" > 
    </li> 

和NG-重复

<div dir-paginate="saving in savings| orderBy:orderByField:!reverseSort| filter:search | filter:{retailer:filterBy}|itemsPerPage:10" class="list-group-item"> 

没有任何明显的理由过滤器没有做任何事情,当我在搜索框中键入?

编辑 - 我注意到,如果我删除ng - 如果它的工作。有没有使用两种方法?

+0

你能提供一个JS小提琴 – AlphaLeader

回答

0

而不是使用ng-if使用ng-show。

<li ng-show="searchTab"><input type="text" class="form-control" placeholder="Search" ng-model="search" > 
    </li> 
+0

请添加一些解释。您的答案目前被标记为“低质量”,最终可能会被移除。 –

1

如果在控制器的初始化阶段searchTab的值为false,则不评估输入div。因此ng-model指令不会在控制器范围内创建变量'search'。所以请在你的控制器中声明'搜索'作为一个变量。

+0

它实际上是宣告但今天早上我不得不改变NG-如果到NG-节目的理念和它的工作,立竿见影。 – ChrisM

相关问题