JsRender可以使用字符串作为模版,如下代码所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JsRender使用字符串作为模版</title>
<style>
.hide {
display: none;
}
</style>
<script type="text/javascript" src="../../js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="../../js/jsviews/jsviews.js"></script>
</head>
<body>
<div id="testDiv"></div>
<script>
var temp = '<input type="text" id="{{:V_KEY}}" name="{{:V_KEY}}" value="{{:V_NAME}}">';
var varObj = {
V_KEY : "测试",
V_NAME : "默认值"
};
var html = $.templates(temp).render(varObj);
$("#testDiv").html(html);
</script>
</body>
</html>
结果显示一个输入框。
全文完。