在根目录中有以下文件:
在partial.dust中
<ul>
{#games}
<li>{id} - {title}</li>
{/games}
</ul>
test.html中的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<script src="dust-full.min.js"></script>
</head>
<body>
<div id="cont-tpl-page"></div>
<script type="text/html" id="tpl-page">
Console {nome},<br/>
{>partial games=list/}
</script>
<script type="text/javascript">
var model = {
name: "Playstion 3",
list : [
{id:1, title:"gta"},
{id:2, title:"fifa 15"}
]
};
var tpl = document.getElementById("tpl-page");
var cont = document.getElementById("cont-tpl-page");
var compiled = dust.compile(tpl.innerHTML, "page");
dust.loadSource(compiled);
dust.render("page", model, function(err, out) {
cont.innerHTML = out;
console.log(err, out);
});
</script>
</body>
</html>
使用这个简单的代码,我得到了这个异常&#34;错误:找不到模板:部分&#34;。为什么?所有文件都在同一根
中答案 0 :(得分:0)
即使文件位于同一目录中,Dust也不会自动编译并包含部分内容。您需要编译partial.dust
,然后在页面中包含带有<script>
标记的已编译文件。