ICanHaz.js无法正常工作

时间:2012-12-14 17:22:42

标签: javascript templates icanhaz.js

来自ICanHaz示例(稍微修改过的版本:http://icanhazjs.com/):

模板:

<script id="user" type="text/html">
  <div>
    <p class="name">Hello I'm {{ name }}</p>
    <p><a href="http://twitter.com/{{ twitter }}">@{{ twitter }}</a></p>
  </div>
</script>

代码:

        var user_data, user;

        user_data = {
            name: "Henrik Joreteg",
            twitter: "HenrikJoreteg",
            employer: "&yet",
            job_title: "JS nerd"
        };

        user = ich.user(user_data, true);
        console.log(user.toString());

控制台输出为:

 <div>
        <p class="name">Hello I'm </p>
        <p><a href="http://twitter.com/">@</a></p>
 </div>

如您所见,它会读取模板,但不执行替换。我不知道如何调试它,这是最简单的用例。我在控制台中看不到任何错误。

1 个答案:

答案 0 :(得分:0)

事实证明问题出在我正在使用的django框架和ICanHaz.js之间的标签碰撞中。解决方案是安装django-icanhaz应用程序,它不仅解决了问题,而且允许将icanhaz.js模板存储为单独的文件。