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

MVVM Avalon avalonjs

avalon2 vm中属性拼接问题

发布于 2022-09-03 13:54:14 字数 1122 浏览 16 评论 0

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/avalon.js/2.1.5/avalon.js"></script>
</head>
<script>

var vm=avalon.define({
                        $id:"test",
                        tree:[
                        {name:"篮球",calss:1},
                        {name:"羽毛球",calss:2},
                        {name:"排球",calss:2},
                        {name:"水球",calss:2},    
                        ],
                        templ0:"<div>0</div>",
                        templ1:"<span>1</span>",
                        templ2:"<p>2</p>",
                        templ3:"<em>3</em>",
                        
                });
    
            
            
</script>
<body ms-controller="test">
    <div ms-for="($index,el) in ##tree">
    {{el.name}}---class---{{el.calss}}
    <div ms-html="##templ+el.calss"></div>
    </div>
</body>
</html>```
ms-html中的templ 该如何拼接

收藏 0

分享到微博

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

扫码二维码加入Web技术交流群

发布评论

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

评论（1）

没有你我更好 2022-09-10 13:54:14

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script src="https://cdn.bootcss.com/avalon.js/2.1.5/avalon.js"></script>
    </head>
    <script>

        var vm = avalon.define({
            $id: "test",
            tree: [
                {name: "篮球", calss: 1},
                {name: "羽毛球", calss: 2},
                {name: "排球", calss: 2},
                {name: "水球", calss: 2},
            ],
            template: ["<div>0</div>", "<span>1</span>", "<p>2</p>", "<em>3</em>"]
        });



    </script>
    <body ms-controller="test">
        <div ms-for="($index,el) in ##tree">
            {{el.name}}---class---{{el.calss}}
            <div ms-html="##template[$index]"></div>
        </div>
    </body>
</html>

~没有更多了~

关于作者

暂无简介

0 文章

0 评论

22 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

不再见

文章 0 评论 0

真是无聊啊

文章 0 评论 0

樱娆

文章 0 评论 0

浅语花开

文章 0 评论 0

烛光

文章 0 评论 0

绻影浮沉

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文