部分未找到Dust.js

时间:2014-10-27 18:44:43

标签: javascript template-engine dust.js

在根目录中有以下文件:

  • partial.dust
  • 的test.html

在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;。为什么?所有文件都在同一根

1 个答案:

答案 0 :(得分:0)

即使文件位于同一目录中,Dust也不会自动编译并包含部分内容。您需要编译partial.dust,然后在页面中包含带有<script>标记的已编译文件。