当前位置: 首页 > 面试题库 >

如何获得角度“ |”的结果数组 过滤”表达式中的变量?

商畅
2023-03-14
问题内容

在angular中,您可以编写过滤器表达式,例如

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

<table>
    <tr ng-repeat="phone in phones | filter: query">
       <td>{{phone.vendor}}</td>
       <td>{{phone.model}}</td>
    </tr>
</table>

并会更新表格以仅显示与query您在中输入的文字匹配的电话input

如何[phone object]在变量(例如范围变量)中获取过滤器的相应结果数组,例如当前显示的?


问题答案:

您实际上可以在角度表达式中将新变量分配给作用域。因此,最简单的解决方案就是这样做<tr ng-repeat="phone in (filteredPhones = (phones | filter: query))">。现在,filteredPhones是当前作用域中的变量-
请参阅此plnkr示例。



 类似资料:
  • 问题内容: 我正在使用Protractor(v 1.3.1)为Angular 1.2.26应用程序运行E2E测试。 但是有时候,测试还可以,有时候却不行。似乎有时检查是在更新显示之前完成的(或类似“同步”的问题)。我尝试了很多选择: 添加说明, 使用禁用效果 添加说明 没有成功。 与量角器进行可靠的E2E测试的最佳实践是什么? JM。 问题答案: 每当我有类似的问题,我使用的是与“预期的条件”(在

  • 我有一个搜索栏,让用户过滤基于他们的条目使用角度。现在我希望能够在用户输入的搜索词与数组中的任何内容都不匹配时显示类似“Nothing match your search”的消息。 控制器 是否可以知道过滤数组的长度,以便我可以显示消息?

  • 我有完全合法的数据来源: 我将其显示在这样的表中: 现在假设我想过滤我的数组。如果我有固定的行数,我可以在< code>tr元素上使用< code>*ngIf来选择显示/不显示一个项目,但是Angular不允许在一个元素上有两个结构指令。 我知道我可以使用< code>Array.filter简单地过滤源数组,但是这样会产生一个副本,如果我的数组大得多,这可能会成为一个问题。 我想将该行嵌套在某个

  • 我需要获取数据库中的所有记录作为数组使用在教义中,我的查询是这样的 即使将水合模式设置为,我也会将结果作为对象 我犯了什么错误?

  • 问题内容: 让我开始向您展示如何在SCSS中执行此操作: 可以编译为: 基本上,SCSS允许我将减号与变量连接起来,以便将其转换为负值。 是否可以使用CSS变量来实现? 问题答案: 是的,你可以做到。只需乘以:

  • 过滤表达式 mitmproxy工具中的许多命令都使用过滤器表达式。过滤器表达式由以下运算符组成: 命令 描述 〜a 匹配响应资源:CSS,Javascript,Flash,images。 〜b regex Body 〜bq regex 请求的Body 〜bs regex 响应的Body 〜c int HTTP响应码 〜d regex 域名 〜dst regex 匹配目标地址 〜e 匹配错误 〜h