我检查了很多次,没有看到任何问题。它为HTML中的ion-list的结束标记引发错误。
零件
<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>
页
<ion-content>
<app-search></app-search>
<div class="group">
<ion-grid>
...
</ion-grid>
</div>
</ion-content>
问题来自搜索组件的HTML。怎么了?怎么能修好?
我不确定究竟是什么问题。事实上,您提供了上面的两个模板。我创建了一个小型演示,我认为它代表了你正在寻找的东西。看看这里;)
https://stackblitz.com/edit/ionic-accordion
如果它有帮助,不要忘记upvote。干杯!