Question

您好，我正在寻找一个好的javascript模板引擎，我可以使用这种语法。

#{interpolation here}

<li>#{label}</li>

有人能指出我正确的方向吗？非常感谢

Answer 1

您可以使用Underscore.js模板。 Underscore包含许多您可能会发现有用的实用功能。

// sets templating to "#{}" pattern
_.templateSettings = {
  interpolate : /#\{(.+?)\}/g
};

var template = _.template("Hello #{name}!");
template({name : "Chin"}); // "Hello Chin!"

要播放的代码是here。

Answer 2

我建议您查看Underscore的模板功能：http://documentcloud.github.com/underscore/#template

默认情况下，它使用其他字符进行插值，但它们是可自定义的，因此您在更改它们时没有任何问题

编辑：nettuts似乎刚刚发布了一篇关于如何使用JavaScript创建模板的文章（+视频），这非常好：http://net.tutsplus.com/tutorials/javascript-ajax/create-a-makeshift-javascript-templating-solution/

Answer 3

看看JsRender

下一代jQuery模板，针对高性能纯字符串渲染进行了优化，没有DOM或jQuery依赖

或者，如果你喜欢基于jQuery的东西，你可以使用jquery template。

Answer 4

结帐速度：

http://tempojs.com/

符号是这样的：

<ol id="tweets">
    <li data-template>
        <img src="default.png" data-src="{{profile_image_url}}" />
        <h3>{{from_user}}</h3>
        <p>{{text}}<span>, {{created_at|date 'HH:mm on EEEE'}}</span></p>
    </li>
    <li data-template-fallback>Sorry, JavaScript required!</li>
</ol>

Javascript模板 - 使用＃{variable}语法

4 个答案: