mustache 例子

最新推荐文章于 2024-06-13 10:00:11 发布

baicp3

最新推荐文章于 2024-06-13 10:00:11 发布

阅读量1.8k

点赞数

分类专栏： mustache

本文链接：https://blog.csdn.net/baicp3/article/details/12857283

版权

mustache 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

网上下载mustache-0.7.2.js 其他版本也可以

拷贝如下代码即可运行

<html>

<head>
<script type="text/javascript" src="mustache-0.7.2.js"></script>
<script type="text/javascript">
function change(){

var view = {
title: "Joe",
calc: function() {
return 2 + 4;
},

//只有对象才有键值对，数组只是元素是没有键值对的说法

//mustache中只要是键值对的形式就能取出其值呈现在页面上

person:[{firstname:"chen","age":20,"country":"china"},
{firstname:"gao","age":20,"country":"china"}]

}
var template = document.getElementById("test").innerHTML;
var html = Mustache.to_html(template , view);
document.getElementById("test2").innerHTML=html;

}
</script>

</head>
<body>
<div id="test" style="display:none">
{{title}} spends {{calc}} hello
{{#person}}
{{firstname}}
{{/person}}

</div>
<div id="test2">my content</div>
<input type="button" value="button" οnclick="change()">
</body>

</html>