离子3中意外的结束标签离子列表答案

【问题标题】：Unexpected closing tag ion-list in ionic 3离子3中意外的结束标签离子列表
【发布时间】：2019-08-05 03:31:34
【问题描述】：

我检查了很多次，没有发现任何问题。它会在 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。怎么了？又该如何解决？

【问题讨论】：

如果可能的话，你能发布你得到的控制台错误吗？
@Lokkesh 这里是消息错误错误：未捕获（承诺中）：错误：模板解析错误：意外的结束标记“离子列表”。当标签已被另一个标签关闭时，可能会发生这种情况。欲了解更多信息，请参阅
您的可能有两个结束标签。请在您的组件中搜索并删除多余的标签。此外，发布所有组件的 HTML 代码可能会有所帮助，否则将无法为您提供任何进一步的帮助。
以上是唯一的离子列表标签

标签： angular typescript ionic-framework ionic3 angular6

【解决方案1】：

我不确定到底是什么问题。事实上，您在上面提供了两个模板。我创建了一个小演示，我认为它正是您正在寻找的。看看这里;)

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

如果有帮助别忘了点赞。干杯！

【讨论】：