Неожиданный закрывающий тег ion-list в ionic 3

Question

Я проверял много раз и не видел никаких проблем.Выдает ошибку для закрывающего тега ионного списка внутри HTML.

Компонент

<div>
  <button (click)="toggleFunc();" class="accordion">Section Title</button>
  <div class="panel" [ngClass]="opened ? 'active' : ''">
    <form  [formGroup]="form">
      <ion-list style="margin-top: 15% !important" class="scroll">
        <ion-item>
            <ion-input class="input-field" formControlName="firstName" name="firstName" type="text" placeholder="First Name"></ion-input>
          </ion-item>
     ...
     ...
              <button ion-button block class="login-button" (click)="search(form.value)">Search</button>                
      </ion-list>
  </form>
  </div>
</div>

Page

<ion-content>
<app-search></app-search>
  <div class="group">
    <ion-grid>
...
    </ion-grid>
  </div>
</ion-content>

Проблема исходит из HTML-кода поискового компонента.Что случилось?И как это можно исправить?

Answer 1

Я не уверен, в чем именно проблема.Де-факто, вы предоставляете два шаблона выше.Я создал небольшое демо, которое, я думаю, представляет именно то, что вы ищете.Взгляните на это здесь;)

https://stackblitz.com/edit/ionic-accordion

Не забудьте поднять голос, если это поможет.Ура! * * 1006