我正在使用以下代码...请帮助....... 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”:[]}]}]}}}]