dojo模板字符串最佳实践

Email:longsu2010 at yeah dot net
之前写了一篇文章介绍dojo/string模块提供的模板处理函数substitute(请参考 http://blog.csdn.net/tt361/article/details/8988229),随之而来的一个问题是写模板字符串太麻烦了,涉及到转义等问题。
我的建议是将模板字符串写在一个单独文件中,然后使用dojo/text模块来加载(dojo loader的一个插件。关于loader插件的更多信息请参考 http://blog.csdn.net/tt361/article/details/8125246),这样即省去了转义的烦恼又保证了js与html分离。这也是dojo小部件模板与js程序的组织方式,至于会增加向服务器端的请求嘛,构建完了会自动压缩到相应的js文件中。
具体做法如下:

假设模板文件名字为template.html,其中内容为

<div class="content">
	<div class="title">${title}</div>
	<div class="detail">${detail}</div>
	<div class="info">${info}</div>
</div>

假设template.html放在templates子目录中,那么使用方法如下:

require(["dojo/dom", "dojo/string", "dojo/text!./templates/template.html"], function(dom, string, template){
	var article = {title : "", detail : "", info : ""};
	dom.byId("dom-id").innerHTML = string.substitute(template, article);
});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值