javascript - Handlebars如何遍历字符串 像js中的split一样
本文介绍了javascript - Handlebars如何遍历字符串 像js中的split一样的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
JS:
var val="http://www.xxx.com/1.jpg;http://www.xxx.com/2.jpg;";
for(var i = 0; i < val.split(";").length - 1; i++) {
$("body").append("<div><img src=\""+val.split(";")[i]+"\"></div>");
}
Handlebars如何做到像上面的js那样分离字符串。
<script id="dataload_temp" type="text/x-handlebars-template">
<div><img src="http://www.xxx.com/1.jpg"></div><!--需要遍历-->
</script>
用Helper?
Handlebars.registerHelper("pic", function(val) {
//难道在这调用js的split再输出html?那不是直接用js更方便?
});
或者有什么其他办法?
解决方案
var val="http://www.xxx.com/1.jpg;http://www.xxx.com/2.jpg";
var source = "{{#each srclist}}<div><img src='{{this}}'></div>{{/each}}",
template = Handlebars.compile(source);
var context = {srclist: val.split(";")};
$("body").append(template(context));
用模版引擎可以把模版source / template
和数据val / context
分离。模版可重复使用,数据则单独处理。这个例子里数据和模版都比较简单所以优势并不明显。
这篇关于javascript - Handlebars如何遍历字符串 像js中的split一样的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文