<!DOCTYPE html>
<html>
<head>
    < >项目</ >
    <  charset=\"utf-8\">
    <  name=\"viewport\" content=\"width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no\">
    <  name=\"apple-mobile-web-app-capable\" content=\"yes\">
    <  name=\"apple-mobile-web-app-status-bar-style\" content=\"black\">

 <style>
       .ms-controller{
            visibility: hidden;  /*防止出现{{x}}等插值表达式*/
        }
    </style>
</head>
<body>
    <div ms-controller=\"indexController\"  class=\"ms-controller\">
        <p>-----------------------变量------------------------------</p>
        <div>
            <span>{{@x}}</span>
        </div>
        <p>-----------------------集合------------------------------</p>
        <ul><li ms-attr=\"{myAttr:el.a}\" ms ms-for=\"el in @list\"  =\"doClick(this)\">{{el.a}}</li></ul>  <!--自定义属性ms-attr-->
    </div>

    <  src=\"avalon2.js\"></ >
    < >


        var vm = avalon.define({
            $id: \"indexController\",
            x: 100,
            list: [{ \"a\": \"aa\" }, { \"a\": \"aa\" }, { \"a\": \"aa\" }]
        });

 function doClick(liObj)
        { alert(liObj.attributes[\"myAttr\"].value);}
 setTimeout(function () { vm.x = 19;},3000);
</ >
</body>
</html>

传多个

 <button ms-attr=\"{myAttr:el.id,status:el.status}\" ms-visible=\"el.status==1\" class=\"layui-btn layui-btn-sm layui-btn-danger\"
                                :class=\"el.status | status\"  id=\"s1\"  =\"refund(this)\"
                                >
                            退票
                        </button>


  function refund(e){
        console.log(e.attributes[\"myAttr\"].value);
        console.log(e.attributes[\"status\"].value);
        var id = e.attributes[\"myAttr\"].value;

        // console.log($(this).children().first());
        // alert($(this).children().first().text())
    }

 

继续阅读与本文标签相同的文章

无标签
最新文章 最热文章
收藏 打印

特别推荐 2026年05月18日 星期一

精彩发现

热门标签

阻止表单提交 窗口 关闭浏览器 清除 CDATA css文件 光标位置 坐标 javascrpt !important 超链接 数字

相关文章