相当于jQuery的YUI Lang.子函数
jQuery equivalent of YUI Lang.sub function
我正在学习使用Parse API,并找到了这个使用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 web store中的字段。
现在,我的问题是:什么是jQuery等同于上面的Lang。
这是最基本的,适应或扩展到您的需求:
$.sub = function(str, obj) {
return str.replace(/'{([^}]+)'}/g, function(_, m) {
return obj[m];
});
};
console.log($.sub('Hello {foo}', { foo: 'World' }));
//=> Hello World
我建议拉入Handlebars JS存储库;这是一个非常流行的解决方案,非常强大。既然它很受欢迎,学习如何使用它可能是一个好主意,因为您将来可能会再次遇到它。
其他模板框架在这里列出:http://microjs.com/#templating
相关文章:
- 如何在JavaScript中实现子函数
- 单击从子函数返回父函数
- 将子函数的JavaScript字符串转换为实际函数
- 作为原型的函数的子函数
- 如何在父动画开始时激发jquery子函数
- 从子函数执行父函数;t更新父级'的属性
- 如何在子函数中返回值
- 调用子函数时阻止父jquery函数
- 如何在我的setAttribute函数中构建数组中的子函数
- 将变量传递给子函数 javascript
- 将状态传递给 javascript 中的子函数
- JQUERY hover() 函数不适用于其子函数,使用 bootstrap 框架
- 从调用/子函数退出/中断主函数
- 如何从子函数 (JavaScript) 中更改函数的返回值
- 为什么我的子函数需要“return”语句以避免出错?父函数没有“返回”,也没有错误
- 浏览器如何读取JavaScripts,它应该排在第一位(设置在顶部):事件?功能?或子函数
- 子函数中的Javascript新关键字
- 带有附加子函数的函数调用
- 在JavaScript中将变量发送到子函数,而不发送到主对象
- 相当于jQuery的YUI Lang.子函数