如何显示嵌套的json对象时解决错误“ ERROR RangeError:超出最大调用堆栈大小”

时间:2019-05-04 19:46:10

标签: angular ionic-framework

我正在使用以下代码...请帮助....... HTML:                 

              <ion-grid>
                  <ion-row>
                      <ion-col col-2>
                          <ion-checkbox color="primary"></ion-checkbox>
                      </ion-col>
                      <ion-col col-4 style="right:10%">
                          <h5>{{item.topicName}}</h5>                            
                        <span *ngIf="item.isExpand && item.subTopic.length">
                                <ng-container  *ngTemplateOutlet="recursiveList; context:{ $implicit: item.subTopic }">
                                </ng-container>
                        </span>                         
                      </ion-col>
                      <ion-col col-2>
                          <ion-icon [name]="item.isExpand?'arrow-dropup':'arrow-dropdown'" *ngIf="item.subTopic.length !==0" (click)="onArrowToggle(item)"></ion-icon>             
                      </ion-col>
                  </ion-row>
              </ion-grid>
               </div>

ts: onArrowToggle(topic){     topic.isExpand =(!topic.isExpand);

          </ng-template>
                        <ng-container *ngTemplateOutlet="recursiveList; context:{ $implicit: topicsList }"></ng-container>

JSON: [{“ topicId”:308,“ topicName”:“ art-1”,“ parentTopicId”:0,“ estimated_time”:0,“ description”:null,“ subTopic”:[]},{“ topicId”:152 ,“ topicName”:“数学”,“ parentTopicId”:0,“ estimated_time”:0,“描述”:null,“ subTopic”:[{“ topicId”:286,“ topicName”:“数学2”,“ parentTopicId “:152,” estimated_time“:0,” description“:null,” subTopic“:[]},{” topicId“:285,” topicName“:”数学1“,” parentTopicId“:152,” estimated_time“: 0,“说明”:null,“ subTopic”:[]}]},{“ topicId”:333,“ topicName”:“ hbjhs”,“ parentTopicId”:0,“ estimated_time”:0,“ description”:null ,“ subTopic”:[]},{“ topicId”:142,“ topicName”:“ Test123”,“ parentTopicId”:0,“ estimated_time”:0,“ description”:null,“ subTopic”:[{“ topicId “:283,” topicName“:”演示2“,” parentTopicId“:142,” estimated_time“:0,” description“:null,” subTopic“:[]},{” topicId“:282,” topicName“: “ demo 1”,“ parentTopicId”:142,“ estimated_time”:0:“ description”:null,“ subTopic”:[{“ topicId”:284,“ topicName”:“ Demo 1.1”,“ parentTopicId”:282, “ estimated_time”:0,“ description”:null,“ subTopic”:[]}]}]}}}]

0 个答案:

没有答案