栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

aurelia视图中的过滤器阵列

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

aurelia视图中的过滤器阵列

有点尴尬。但是经过一番研究(我应该事先做过:P),我得到了答案。

可以使用ValueConverter完成,如下所示:http ://jdanyow.github.io/aurelia-converters-sample/ 。

而且我认为这很酷。

现在我的代码如下:

<div  if.bind="errors | hasPropertyValue:'Key':'car.Model'">    <span repeat.for="error of errors | filterOnProperty:'Key':'car.Model'">        <span>${error.Message}        </span>    </span></div>

我在Typescript(

valueconverters.ts
)中定义了几个valueconverters :

export class FilteronPropertyValueConverter {toView(array: {}[], property: string, exp: string) {    if (array === undefined || array === null || property === undefined || exp === undefined) {        return array;    }    return array.filter((item) => item[property].toLowerCase().indexOf(exp.toLowerCase()) > -1);}}export class HasPropertyValuevalueConverter {toView(array: {}[], property: string, exp: string) {    if (array === undefined || array === null || property === undefined || exp === undefined) {        return false;    }    return array.filter((item) => item[property].toLowerCase().indexOf(exp.toLowerCase()) > -1).length > 0;}}

最后,我认为这些是导入的:

<import from="yourPath/valueconverters"></import>



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/613928.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号