<!DOCTYPE html>
<html>
<head>
<title>项目</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta 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" onclick="doClick(this)">{{el.a}}</li></ul> <!--自定义属性ms-attr-->
</div>
<script src="avalon2.js"></script>
<script>
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);
</script>
</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" onclick="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())
}