Angular Ionic Side Drawer 不渲染答案

【问题标题】：Angular Ionic Side Drawer does not renderAngular Ionic Side Drawer 不渲染
【发布时间】：2020-10-24 16:09:43
【问题描述】：

我有一个角离子应用程序，我正在尝试设置一个侧抽屉。我在基于离子启动器应用程序的非常基本的代码中有以下内容。我不知道为什么我的侧抽屉不渲染。我跟踪了示例并查看了 ionic 文档。

app.component.html

<ion-app>
  <ion-menu side="start">
    <ion-header>
      <ion-toolbar>
        <ion-title>
          Sample App
        </ion-title>
      </ion-toolbar>
    </ion-header>
    <ion-content>
      <ion-list>
        <ion-item>
          <ion-icon name="business" slot="start"></ion-icon>
          <ion-label>Sample Drawer Item</ion-label>
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-menu>
  <ion-router-outlet main></ion-router-outlet>
</ion-app>

test.page.html

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menuitem menu="m1"></ion-menuitem>
    </ion-buttons>
    <ion-title>places</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>

</ion-content>

【问题讨论】：

标签： angular ionic-framework ionic4

【解决方案1】：

在这里找到答案：Ionic4 component - Menu: must have a 'content' element to listen for drag events on。

官方文档确实在 ion-menu 属性中提到了content-id="main"，但没有提到将其添加到<ion-content id="content">。如果没有按照上面链接帖子中的建议将id="content" 添加到ion-content，它对我不起作用。

【讨论】：