如何在侧面菜单离子 4 中获取数据

Posted

技术标签:

【中文标题】如何在侧面菜单离子 4 中获取数据【英文标题】:How to get data at side menu ionic 4 【发布时间】:2019-07-30 05:45:58 【问题描述】:

我正在使用 ionic 4。我想询问是否要将值发送到侧菜单,然后当我打开菜单时,值已经在侧菜单中。现在我需要打开侧边菜单,然后单击一次以显示该值。我能知道怎么做吗?这是我的代码。谢谢

  app.component.html

<ion-menu side="start" (click)="onOpen()">
    <ion-content>
      <ion-list>
        <ion-menu-toggle>
          <ion-item lines="none">
            <ion-icon name="business" slot="start"></ion-icon>
            <ion-label>‌text</ion-label>
          </ion-item>
        </ion-menu-toggle>
          </ion-item>
      </ion-list>
    </ion-content>
  </ion-menu>
  <ion-router-outlet main></ion-router-outlet>
</ion-app>

我把 onOpen() 方法放在 app.component.ts

onOpen() 
    this.text = "my pass value";
  

【问题讨论】:

【参考方案1】:

如果您希望在打开菜单时触发某些内容,您需要处理 ionWillOpenionDidOpen 事件:

ion-menu - Ionic Documentation

一个例子如下:

<ion-menu (ionWillOpen)="onMenuOpen()" (ionDidOpen)="menuOpened()">

【讨论】:

非常感谢

以上是关于如何在侧面菜单离子 4 中获取数据的主要内容,如果未能解决你的问题,请参考以下文章

如何删除侧面菜单离子2中的下划线

如何使用离子框架在选择选项中获取带有图像和名称的下拉菜单? [关闭]

如何定制离子4 sidemenu?

从侧面菜单中无法从页面中获取任何内容

如何在离子中获取自定义数据属性的值?

在离子段中获取动态数据时如何删除空列?