Я использую приведенный ниже код ... пожалуйста, помогите ....... 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, "timate_time ": 0," description ": null," subTopic ": []}, { "TopicID": 152, "topicName": "математика", "parentTopicId": 0, "estimated_time": 0, "описание": NULL, "Подраздел": [{ "TopicID": 286,"topicName": "maths 2", "parentTopicId": 152, "примерное_ время": 0, "описание": ноль, "subTopic": []}, {"topicId": 285, "topicName": "математика 1", "parentTopicId": 152, "estimated_time": 0, "описание": NULL, "Подраздел": []}]}, { "TopicID": 333, "topicName": "hbjhs", "parentTopicId": 0,"estimated_time": 0, "описание": NULL, "Подраздел": []}, { "TopicID": 142, "topicName": "test123", "parentTopicId": 0, "estimated_time": 0, "описание": null, "subTopic": [{"topicId": 283, "topicName": "Demo 2", "parentTopicId": 142, "timate_time ": 0," description ": null," subTopic ": []},{"topicId": 282, "topicName": "demo 1", "parentTopicId": 142, "оценочное время": 0, "descr"iption ": null," subTopic ": [{" topicId ": 284," topicName ":" Demo 1.1 "," parentTopicId ": 282," оценочный_темп ": 0," описание ": ноль," subTopic ": []}]}]}]