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

在ng-repeat中动态应用格式过滤器

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

在ng-repeat中动态应用格式过滤器

|
是角构造,找到一个定义的过滤器具有该名称和它适用于左侧的值。我认为您需要做的是创建一个以过滤器 名称
作为参数的过滤器,然后调用适当的过滤器(jsfiddle)(改编自M59的代码):

HTML:

<div ng-repeat="row in list">    {{ row.value | picker:row.formatter }}</div>

Javascript:

app.filter('picker', function($filter) {  return function(value, filterName) {    return $filter(filterName)(value);  };});

感谢@karlgold的评论,这是一个支持参数的版本。第一个示例

add
直接使用过滤器将数字添加到现有数字,第二个示例使用过滤器按字符串
useFilter
选择
add
过滤器并将参数传递给它(jsfiddle.):

HTML:

<p>2 + 3 + 5 = {{ 2 | add:3:5 }}</p><p>7 + 9 + 11 = {{ 7 | useFilter:'add':9:11 }}</p>

Javascript:

app.filter('useFilter', function($filter) {    return function() {        var filterName = [].splice.call(arguments, 1, 1)[0];        return $filter(filterName).apply(null, arguments);    };});


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

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

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