当前位置：文江博客话题详情

关于avalon2 ，ms-attr中怎么使用过滤器？

发布于 2022-09-03 12:19:12 字数 187 浏览 12 评论 0

ms-attr中怎么使用过滤器？

不知道写法对不对，也没有相关文档

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

挽你眉间 2022-09-10 12:19:12


<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <script type="text/javascript" src="../dist/avalon.js"></script>
        <script>
            avalon.define({
                $id: 'test',
                el: '123456789qwert'
            })

        </script>
    </head>
    <body ms-controller="test">
        <div ms-attr="{title:@el}">333</div>
    </body>
</html>

ms-attr的值是对应一个对象，如果我们想定义一个过滤器，要处理里面的title，就需要将这个对象整个放进新过滤器。

定义一个过滤器很简单，在avalon.filters添加一个函数，名字随便。比如你要格式化title，那么这个过滤器就叫title。它会将前面的对象作为第一个参数传进去，小括号的其他参数也跟着传进去。


<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <script type="text/javascript" src="../dist/avalon.js"></script>
        <script>
            avalon.filters.title = function (obj, a, b) {
                var title = obj.title
                var newTitle = avalon.filters.truncate(title, a, b)
                obj.title = newTitle
                return obj
            }
            var vm = avalon.define({
                $id: 'test',
                el: '123456789qwert'
            })

        </script>
    </head>
    <body ms-controller="test">
        <div ms-attr="{title:@el} | title(10,'...')">333</div>
    </body>
</html>

回复收藏 0

~没有更多了~