Question

我正在学习使用Parse API，并发现这个tutorial使用handlebars.js进行模板化。由于我对jQuery感到满意并且没有YUI的经验所以我试图简单地在jQuery中重写上面的教程。

但我被困在以下部分：

var content = Y.Lang.sub(Y.one('#todo-items-template').getHTML(), {
                        content: item.get('content'),
                        id: item.id,
                        isComplete: item.get('isComplete')
                    });

其中，content，id和isComplete是Parse网上商店中的字段。

现在，我的问题是：上面Lang.sub YUI函数的jQuery等价物是什么。

Answer 1

以下是基础知识，适应或扩展您的需求：

$.sub = function(str, obj) {
  return str.replace(/\{([^}]+)\}/g, function(_, m) {
    return obj[m];
  });
};

console.log($.sub('Hello {foo}', { foo: 'World' }));
//=> Hello World

Answer 2

我建议拉入Handlebars JS存储库;这是一个非常受欢迎的解决方案，非常强大。由于它很受欢迎，所以学习如何使用它可能是一个好主意，因为您将来可能会再次遇到它。

此处列出了其他模板框架：http://microjs.com/#templating

jQuery相当于YUI Lang.sub函数

2 个答案: