Ioni c Расширяемый / Аккордеонный Список - PullRequest
0 голосов
/ 13 апреля 2020

Пожалуйста, помогите мне, я хочу создать простой ionion c 5 Я создал ioni c список аккордеонов, перейдя по ссылке в учебном блоге, в которой использовались виджеты для создания выпадающих меню аккордеонов. Ниже приведена ссылка блог…
https://masteringionic.com/blog/2019-01-27-creating-a-simple-accordion-widget-in-ionic-4/

Проблема не в том, что список не появляется, и ошибка не отображается

accordion output

Это мой. html файл

home.page. html

<ion-header>
  <ion-toolbar>
    <ion-title>
      Ionic Accordion
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <app-accordion 
     *ngFor="let technology of technologies" 
     name="{{ technology.name }}" 
     description="{{ technology.description }}"
     (change)="captureName($event)">
  </app-accordion>
</ion-content>

mi-accordion.component. html

<h2 (click)="toggleAccordion()">
  {{ name }}
   <span *ngIf="isMenuOpen">&#9650;</span>
   <span *ngIf="!isMenuOpen">&#9660;</span>
</h2>
<div [ngClass]="this.isMenuOpen ? 'active' : 'inactive'">
   <p>{{ description }}</p>
   <ion-button 
      type="button" 
      color="primary" 
      fill="solid" 
      size="default" 
      (click)="broadcastName(name)">Console log me!</ion-button>
</div>

Может кто-нибудь помочь, если я что-то упустил? И, пожалуйста, скажите мне, если вам нужны другие код

1 Ответ

0 голосов
/ 15 апреля 2020

Я уже решил эту проблему, изменив компонент mi-accordion.com. html на

  <app-mi-accordion 
     *ngFor="let technology of technologies" 
     name="{{ technology.name }}" 
     description="{{ technology.description }}"
     (change)="captureName($event)">
  </app-mi-accordion>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...