javascript - 替代 jquery tmpl 用于内联 html？

Question

我目前在我的 jquery 中遇到了长的内联 html，以便动态生成长的 html 片段。例子：

var personalMessage = $("<div title='" + chatid + "' class='personalMessage'><div class='personalChatName'>" + fullname + "</div><div class='personalChatDialog'></div></div>")
$ContactsBar.prepend(personalMessage);

我想在我的中添加更多的 html，personalMessage所以我开始认为 jquery.tmpl 将是完美的，但 jQuery 停止了它，我不知道为什么，但是现在每个人都使用更好的新东西或替代方法吗？还是每个人都还在使用 jquery.tmpl？

Answer 1

我最近遇到了这个：t.js

但是，如果您的需求相当有限，您可以String使用一个简单的template函数进行扩展：

String.prototype.template = function(obj) {
    return this.replace(/\{\{([\w]+)\}\}/g, function(str, prop) {
        return obj[prop];
    });
};

alert('<div>my name is: {{last}}, {{first}}</div>'.template({first:'John', last:'Smith'}));

看看这个

Answer 2

如果您正在寻找 Javascript 中的 HTML 模板语言，您可能需要查看Mustache.js。

它似乎相当受欢迎。

希望有帮助。