鍍金池/ 問答/HTML/ 用了 wxParse 的插件，小程序怎么循環(huán)列表呢？

用了 wxParse 的插件，小程序怎么循環(huán)列表呢？

目前我有一個(gè)這樣的列表，因?yàn)樾〕绦蛞馕鯤TML才能正常顯示內(nèi)容，所以用了 wxParse 的插件，我的畫紅框的地方在后臺(tái)也是編輯器來的?！，F(xiàn)在循環(huán)出來了。但是不知道怎么他只顯示最后一條數(shù)據(jù)了。。

圖片描述

圖片描述

這是描述解析后的HTML循環(huán)

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

這是數(shù)據(jù)列表的循環(huán)

<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>

因?yàn)樾〕绦虿幌裎覀兤匠懙目梢云唇親TML，搞得不知道怎么循環(huán)這個(gè)列表才對(duì)。。
我估計(jì)就是循環(huán)錯(cuò)了。。但是沒有深入接觸小程序，也沒有找到好的解決方法。。如果有知道的麻煩說下怎么處理，謝謝~

回答
編輯回答
維她命

在官網(wǎng)中提供了這個(gè)問題的解決方法
wxParse多數(shù)據(jù)循環(huán)使用方法

/**
* WxParse.wxParseTemArray(temArrayName,bindNameReg,total,that)
* 1.temArrayName: 為你調(diào)用時(shí)的數(shù)組名稱
* 3.bindNameReg為循環(huán)的共同體 如綁定為reply1，reply2...則bindNameReg = 'reply'
* 3.total為reply的個(gè)數(shù)
*/
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="">
        回復(fù){{index}}:<template is="wxParse" data="{{wxParseData:item}}"/>
    </block>

詳情可以看
wxParse多數(shù)據(jù)循環(huán)使用方法

2017年7月26日 17:24
編輯回答
焚音

目前沒有好的解決方法，只能在后臺(tái)配一個(gè)編輯器，專門寫描述的了~

2018年7月14日 03:52