效果:
后端获得数据:“互联网,o2o”
前端显示:
就是将后端获得的字符串根据逗号分隔开来,分开在不同的文本框中显示。
方法:
使用split指令。
split的语法如下:
参考:http://www.w3school.com.cn/js/jsref_split.asp
1.在js中使用split,将后端获取的字符串按要求分开,放到新的数组当中。
Page({
data:{
detail:[]
},
/*省略后端获取数据的过程,后端获取得到的字符串名为result*/
var a = result.split(",")
this.setData({
detail : [a]
})
})
2.该字符串是一个大数组的元素中的一项,像这样:
效果图如下:
这时候就需要一边输出数据一边进行分割,而不能直接将分割后的字符串放在新的数组中了。
将分隔过程放在app.wxs中,在wxml中引入app.wxs。具体方法如下:
/*wxml*/
<wxs src="../../../app.wxs" module="app"/>
<block wx:for="{{app.getTags(item.tag)}}">
<text class=\'detail_tag\'>{{item}}</text>
</block>
app.wxs中字符串分割写法如下:
var getTags = function(tag){
var a = tag.split(",");
return a;
}
module.exports = {
getTags: getTags,
}
Ps:split分隔字符串也可以用其他字符作为分隔符号,比如空格等等。
请发表评论