javascript - AngularJS,仅在变量为真时过滤

标签 javascript angularjs

我有一个带有许多过滤器的 ng-repeat。

(1) 来自输入框:

<input type="text" ng-model="search">

(2) 按钮列表中的另一个:

<ul id="element_filter" class="uk-subnav uk-subnav-pill uk-margin-remove">
    <li ng-class="statusFilter == '' ? 'uk-active' : ''"><a ng-click="statusFilter = ''">Tutti</a></li>
    <li ng-class="statusFilter == '1' ? 'uk-active' : ''"><a ng-click="statusFilter = '1'">Nuovo</a></li>
</ul>

连接到名为 filtraStato 的自定义过滤器

(3) 我有一个复选框:

<div class="uk-width-medium-1-6">
    <input type="checkbox" name="checkbox_demo_inline" id="checkbox_mostra_zone" ng-model="openFiltraZone" data-md-icheck />
    <label for="checkbox_mostra_zone" class="inline-label">Filtra Zone</label>
</div>

这也连接到自定义过滤器 filtraZona

然后我有一个 ng-repeat,其中过滤器 filtraZona 只有在选中复选框 openFiltraZone 时才应该处于事件状态。

我不知道要在转发器表达式上放什么才能仅在选中 openFiltraZone 时应用过滤器

<tr ng-repeat="cliente in clienti | filter:search | filtraStato:statusFilter | filtraZona:zonaFilter">

最佳答案

你可以简单地拥有它

item in items | filter: box ? search: ''"

Demo Plunkr

关于javascript - AngularJS,仅在变量为真时过滤,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34384006/

相关文章:

javascript - 在 href 中使用 JavaScript 单引号和双引号

javascript - Jquery选择插件来发布值,按照用户在多个框中选择数据的顺序

javascript - createRadialGradient()和addColorStop()方法如何工作?

angularjs - $scope.myVariable 未在 angular-ui 引导模式的 Controller 中更新

javascript - 尝试从另一个模块注入(inject)服务时出现未知提供者错误

javascript - (this) 在这段代码中如何工作,javascript?

javascript - React Route - 从 JSON 对象中的字符串渲染路由中的组件

javascript - 连接 vendor js 文件的最佳方法是什么?

javascript - AngularJS:ng-repeat没有相似的键

javascript - 加载时不显示 Angular 数据