当前位置: 首页 > 知识库问答 >
问题:

Aurelia获取视图中的值召集器结果

李经国
2023-03-14

我想获得值召集器的结果,它在我的视图中过滤数组,以便显示找到的结果数。

  <div repeat.for="d of documents|docfilter:query:categories">
    <doc-template d.bind="d"></doc-template>
  </div>

我既不想将此逻辑移动到我的控制器(以保持其干净),也不想添加像从值控制器返回一些数据这样的拐杖。

因此,基本上我想要一些类似于角度报价的东西:如图所示:ng repeat=“filteredItems=(items | filter:keyword)”或者这里:ng repeat=“items中的item | filter:keyword as filteredItems”

不幸的是,在奥雷利亚:

d个筛选文档=文档|文档筛选:查询:类别

实际上是指filteredDocuments=documents| docfilter:query:categories,如果我将括号或添加为,它将不会运行(由于解析器错误而失败)。

是否有一种从视图中的数据过滤器中获取数据的干净方法?

向你问好,亚历山大

export class DocfilterValueConverter {
  toView(docs, query, categories, objectToPassCount) {
    ...
    objectToPassCount.count = result.length;
    ...
  });
});

1)filteredDocuments=文档|docfilter:查询:类别在init 2)d的filteredDocuments这是一个重复的过滤在最开始的数组


共有1个答案

谷梁承宣
2023-03-14

假设您有一个外部元素,您可以将过滤后的项填充到一个特殊属性中,如下所示:

<!-- assign the filtered items to the div's "items" property: -->
<div ref="myDiv" items.bind="documents | docfilter : query : categories">

  <!-- use the filtered items:  -->
  <div repeat.for="d of myDiv.items">
    <doc-template d.bind="d"></doc-template>
  </div>

</div>

我知道这不是你想要的,但它会起作用的。我正在研究是否添加一个let绑定命令会有所帮助-类似这样:

这里有一些更好的:https://gist.run/?id=1847b233d0bfa14e0c6c4df1d7952597

<template>
  <ul with.bind="myArray | filter">
    <li repeat.for="item of $this">${item}</li>
  </ul>
</template>

 类似资料:
  • 问题内容: 我正在使用aurelia,并想在视图中而不是视图模型中过滤集合(数组)。 我正在尝试使用以下语法: 而且我在浏览器控制台中遇到以下错误: 。 在angularJS中,这是可能的,如下所示: 奥雷利亚是否也可能有类似的事情? 我也很想知道如何在aurelia中过滤集合/数组(类似于)。我试图以类似的方式使用过滤器功能,但是它也无法正常工作,并且出现了类似的错误。 问题答案: 有点尴尬。但

  • 问题内容: 考虑这个SQL查询 该查询将仅在字段中返回一个值。 有没有一种方法可以在不使用a并指向返回数组的第一个值的情况下获取该值? 问题答案: 将允许您直接从结果集中提取值,而不必使用 提取 方法。这是一个非常简单的示例,说明如何使用它来获取单个值: 该函数有三个参数。第一个是结果集本身,第二个是行索引,第三个是字段索引。我只使用前两个参数,因为第三个参数默认为0,即返回第一个字段。

  • 我有RecyclerView,每个行布局都有一个ImageView和一个TextView。在 RecyclerViewAdapter 的 ViewHolder 中,我将单击侦听器设置为 在那个点击侦听器中,我正在更改布尔标志,以便它可以显示一个项目被选中或not.Depending它的值,我想通过检查遍历整个ArrayList

  • 对于一个Web项目,我想创建一个swagger(open api)api,用于后端服务器(go)和前端(aurela-cli typecript)。 工具支持以下客户端生成器 -typecript-角 -typecript-angular2 -typecript-节点 -typecript-fetch 现在,前三个显然不适用于这个问题,所以我留下了。要从生成客户端,我使用以下内容: 这将生成一个项

  • 我有集合视图,我想在scrollViewDidScroll方法中获取当前可见的(最可见的单元格)索引路径。

  • 问题内容: 如图所示,我有一个单击事件连接到我的列表视图。 我需要根据他们单击的列表项将字符串参数传递给新的意图。我要传递的值在名为txt_Genus的列表项中。如何从列表项中获取该值以传递给意图?请不要注意我的实验,哈哈。 问题答案: 这应该做。 然后将其放入意图附加功能中,我想您已经知道这一点。 编辑; 在您的新活动中,您将访问该意图并获得附加包。然后,您可以访问上一个活动中意图放置的任何内容