用了 wxParse 的插件,小程序怎么循环列表呢?

目前我有一个这样的列表,因为小程序要解析HTML才能正常显示内容,所以用了 wxParse 的插件,我的画红框的地方在后台也是编辑器来的。。现在循环出来了。但是不知道怎么他只显示最后一条数据了。。

图片描述

图片描述

这是描述解析后的HTML循环

for (let i = 0; i < news.length; i++) {
  WxParse.wxParse('replyTemArray', 'html', news[i].abstract, that);
  console.log(news[i].abstract);
}

这是数据列表的循环

<view class="list" wx:for="{{news}}">
    <view class="box">
        <navigator class="title">{{item.title}}</navigator>
        <import src="../../wxParse/wxParse.wxml"/> 
        <view class='ms'>
            <block wx:for="{{replyTemArray}}" wx:key="">
                <template is="wxParse" data="{{wxParseData:item}}"/>
            </block>
        </view>
        <view class="bottom">
            <view class="data"><view class="iconfont icon-riqi"></view>2018-01-01</view>
            <view class="tag"><view class="iconfont icon-biaoqian"></view>JS阻止冒泡事件</view>
            <navigator class="read">阅读+</navigator>
            <view class="clear"></view>
        </view>
    </view>
</view>

因为小程序不像我们平常写的可以拼接HTML,搞得不知道怎么循环这个列表才对。。
我估计就是循环错了。。但是没有深入接触小程序,也没有找到好的解决方法。。如果有知道的麻烦说下怎么处理,谢谢~

阅读 6.5k
2 个回答

目前没有好的解决方法,只能在后台配一个编辑器,专门写描述的了~

在官网中提供了这个问题的解决方法
wxParse多数据循环使用方法

/**
* WxParse.wxParseTemArray(temArrayName,bindNameReg,total,that)
* 1.temArrayName: 为你调用时的数组名称
* 3.bindNameReg为循环的共同体 如绑定为reply1,reply2...则bindNameReg = 'reply'
* 3.total为reply的个数
*/
var that = this;
WxParse.wxParseTemArray("replyTemArray",'reply', replyArr.length, that)

可以用以下方案解决

var replyArr = [];
    replyArr.push(replyHtml0);
    replyArr.push(replyHtml1);
    replyArr.push(replyHtml2);
    replyArr.push(replyHtml3);
    replyArr.push(replyHtml4);
    replyArr.push(replyHtml5);


    for (let i = 0; i < replyArr.length; i++) {
      WxParse.wxParse('reply' + i, 'html', replyArr[i], that);
      if (i === replyArr.length - 1) {
        WxParse.wxParseTemArray("replyTemArray",'reply', replyArr.length, that)
      }
    }
模版使用
   <block wx:for="{{replyTemArray}}" wx:key="">
        回复{{index}}:<template is="wxParse" data="{{wxParseData:item}}"/>
    </block>

详情可以看
wxParse多数据循环使用方法

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题