javascript - 使用 ng-if 时 Angular 过滤器没有效果

标签 javascript angularjs

我似乎在这里遗漏了一些用搜索框过滤 ng-repeat 的东西。

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

和 ng-repeat

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

当我在搜索框中输入内容时,过滤器不执行任何操作是否有任何明显的原因?

编辑 - 我注意到如果我删除 ng-if 它有效。有什么办法可以同时使用两者吗?

最佳答案

如果在 Controller 的初始化阶段 searchTab 的值为 false,则不会评估输入 div。因此 ng-model 指令不会在 Controller 作用域上创建变量“search”。因此,请将“搜索”声明为 Controller 中的变量。

关于javascript - 使用 ng-if 时 Angular 过滤器没有效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36097407/

相关文章:

google-apps-script - 如何在 Google Apps Script 提供的 HTML 站点中使用 Angular.js?

angularjs - 使用 Protractor 导航到 Appium 中混合原生应用程序的 URL

javascript - 如何使用 React Native 访问对象的属性?

javascript - 当我将鼠标悬停在动态创建的行上时,该行中的选择元素(标签)选项没有正确下拉。火狐问题?

javascript - jQuery :not(this) unexpected behavior

ajax - 带有 Angular : loading tab content on click only with $http 的选项卡

html - 为什么 ionic 标签没有正确呈现?

javascript - ng-disabled 指令不起作用

javascript - 动画 Bootstrap 进度条

javascript - 钛移动开发平台