问题标签 [ng-filter]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
96755 浏览

javascript - Angular JS过滤器不等于

似乎是一个非常基本的问题,但我无法正确使用语法..

我想要的只是显示 id 不是 -1 的所有问题。我究竟做错了什么。谢谢!

0 投票
1 回答
1378 浏览

angularjs - 如何提取过滤结果?

我希望能够从过滤的结果列表中提取最佳值,这是我的测试页面:

http://plnkr.co/edit/MCLTKUGpIyuYYjv7DLFM?p=preview

模板

控制器

当我在搜索框中输入“the”时,我看到这些人的其中一个名字中有“the”(这是正确的列表)......

  • 保罗金
  • 詹姆斯·格里菲斯
  • 伊丽莎白女王

...但是,我想从 names 数组中提取最佳匹配,而不是仅使用第一个值,因此它应该呈现如下:

  • 铁保罗
  • 海妖
  • 皇后

任何指针?

0 投票
2 回答
2147 浏览

javascript - 使用简单的角度过滤器来替换输入字符串中某些字符串的所有出现,无论大小写和空格如何

在我的网站上,我有一个评论区,人们可以在其中写任何他们想写的东西。为了防止垃圾邮件和不严肃的评论,我以这种方式使用角度过滤器:

角度过滤器获取包含禁用词的数组并扫描输入字符串并替换所有出现的获取词。过滤器的代码如下:

bad-words.json是这样的:

所以作为一个例子<span>{{ "fuck this" | mouthWash}}</span>输出为<span>mooh this</span>

这是完美的工作,除了我希望它忽略空格,使其更加防弹。我对正则表达式没有太多经验,所以如果有人对此有一个简单的解决方案,我将不胜感激。

0 投票
1 回答
142 浏览

angularjs - AngularJS动态过滤器ng-repeat不触发ng-click

我有一个带有 cutsom 过滤器的 ng-repeat,可以根据任务的完整状态和用户的当前设置来包含/排除任务。我工作正常,直到 ng-model 更改导致任务不再是过滤器的一部分,它不会触发 ng-click 事件。

在下面的特定情况下,用户设置是不显示已完成的任务。当复选框完成时, task.complete 更改为 true ,这会导致它从过滤器中删除(到目前为止还不错),但是toggleCompleteTask(user,task)ng-click 不会触发(这会更新数据库中的任务)。如果我首先更改用户设置以显示已完成和未完成的任务,那么一切正常,因此通过从过滤器中删除它会以某种方式停止 ng-click。

如何从过滤器中删除并触发 ng-click 事件?

这是我的重复:

还有我的自定义过滤器:

和输入复选框:

0 投票
1 回答
40 浏览

angularjs - 名称和描述选择的过滤不能正常工作?

我正在尝试从谷歌搜索中执行一项 angularjs 网格任务,该任务具有排序、分页和过滤功能。排序和分页工作正常,但过滤工作不正常。

我想根据我的复选框选择过滤Name数据Description。如果我们观察清楚,例如:如果我选择列的任何名称(或name1 or name2 or name3复选框)Name,那么应该显示它的相关数据。但我得到的是:它Name根据我的复选框选择标准显示属于列的所有数据(这很好),而且还在name1适用/可用的任何地方显示数据(Description也来自列),同样它正在工作Description复选框选择标准也一样。

但它不应该那样显示,它应该只显示基于我的任Name or Description checkbox一选择标准的数据respective Name/Description column,而不是来自适用/可用的两个列的数据,即:如果我选择任何过滤器名称(或者name1 or name2 or name3复选框)Select Name,然后它的相关数据应该显示,这意味着我应该在名称列中只看到“name1”(但它也给出了name3),对于Description复选框也是如此。

创建fiddle。请帮我看看我在哪里做错了什么?提前致谢。

0 投票
0 回答
674 浏览

angularjs - 角度:ng-repeat 过滤列表的总和

我可以ng-repeat像这样计算列表中的属性总和:

但是,这不起作用,当items被过滤时:ng-repeat="item in items | filter: search"

原因是,该<table>元素只初始化一次,而<tr>每次列表都被过滤。因此,应用过滤时总和不会设置为 0。

是否有一些在应用过滤时调用的事件/指令?我经常使用这个“计算总数”功能,并希望避免calculateTotals()在我的控制器和指令中多次编写函数。

0 投票
0 回答
413 浏览

angularjs - AngularJS ng-repeat过滤器仅在输入时不更新按键

我有一个 ng-repeater 和一个过滤此中继器的文本框。我希望过滤器在您键入时发生,当您按 Enter 或 Tab 键关闭搜索文本框时它会起作用。我认为这是默认行为,但它似乎不起作用,不确定是否有浏览器设置或什么?

代码如下

vm 是我的绑定视图模型在哪里

0 投票
0 回答
73 浏览

angularjs - angularjs 查找值从一个模型到另一个模型

我正在尝试将值从一个模型查找到另一个模型。我如何以角度实现这一目标?

模型1:保险公司

在此处输入图像描述

模型2:当前项目

在此处输入图像描述

我想根据 currentItems 模型中的值过滤 Insurer 模型。

0 投票
1 回答
1574 浏览

angularjs - 用于在文本框或文本区域中将 ASCII 或 html 代码转换为特殊字符的 angular 指令

这是我在使用 angularJS 文本框时面临的挑战。我想将所有 HTML 代码和 HTML 名称自动转换为文本框中的特殊字符。

假设,{$sce.trustAsHtml('Tom & Jerry');} 它应该在同一个文本框中自动转换为“Tom & Jerry”。[小提琴示例][1]

我尝试使用自定义指令 $sce , ng-model-options 但无法获得所需的结果。希望你们能帮我解决一下。

提前致谢 :)

0 投票
1 回答
1473 浏览

javascript - 角度搜索多个输入值

我有一个通过 ng-repeat 填充的结果集。现在我需要进行某种过滤。我尝试使用 ng-filter 过滤掉搜索结果。用例:用户可以输入多个以逗号分隔的商家 ID (或任何其他首选机制)。填充的结果集对应于用户输入的商家 ID。当前工作方式:搜索单个商家 ID 时搜索效果很好。例如,当用户输入 MercerId 时,此列表会列出所有以 MercerId 开头的商家。当输入值为merchantId_1时,结果只与merchantId_1 相关。我需要的是用户应该被赋予输入的能力MercerId_1MercerId_2(每个逗号分隔)并列出结果对应于两个商家 ID。

使用 Angular 实现这一目标的可行方法是什么。