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

Question

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

#{interpolation here}

<li>#{label}</li>

谁能指出我正确的方向？ 非常感谢

Answer 1

您可以使用Underscore.js模板。 下划线包含许多其他实用程序功能，您可能会发现有帮助。

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

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

可以玩的代码在这里 。

Answer 2

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

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

编辑：似乎nettuts刚刚发布了一篇文章（+ video）关于如何使用JavaScript创建模板的信息，这真的很好： http : //net.tutsplus.com/tutorials/javascript-ajax/create-a-makeshift-javascript-模板的溶液/

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>