小程序富文本循环解析报错

小程序富文本循环解析

参考链接

1、下载

去 https://github.com/icindy/wxParse 下载，完成后添加到项目文件夹中。

2、引入

js:

	var WxParse = require('../../wxParse/wxParse.js');

wxml:

	<import src="/wxParse/wxParse.wxml" />

wxss:

	@import "/wxParse/wxParse.wxss";

3、解析

js:

	 //  富文本循环解析
      for(let i=0;i<lists.length;i++){
        WxParse.wxParse('topic'+i, 'html',lists[i], this, 5); 
        var that=this;      
        if (i==lists.length - 1) {
          WxParse.wxParseTemArray("listArray", 'topic', lists.length, that)
        }
      }  

list:要解析的数组；
lists[i]:数组的第i项；
listArray：解析后的形成的新数组；

wxml:

	<template is="wxParse" data="{{wxParseData:listArray[index]}}" />

3、问题

以上解析一般情况下没有任何问题，但是项目切换到测试服的时候，却却却报错了·······，经过对比两次的数据，发现测试服的数据中有一项为null，解析到此处就直接出错，导致整个文本无法显示；因此改进一下：

	 //  富文本循环解析
      for(let i=0;i<lists.length;i++){
      //先判断要解析的富文本片段是否为null，如果是将其转为空的字符串
        if (lists[i].introduction==null) {
          console.log(1);
         lists[i].introduction="";
        }
        WxParse.wxParse('topic'+i, 'html',lists[i], this, 5); 
        var that=this;      
        if (i==lists.length - 1) {
          WxParse.wxParseTemArray("listArray", 'topic', lists.length, that)
        }
      }  

最后自恋一下，真是被我的机智打动了，哈哈哈------------