问题标签 [ion-menu]

我的应用程序中有一个ion-menu，但他在下面的页面上单击并滚动。点击仅适用于ion-button

我尝试使用type="overlay"但没有用

app.component.html

这是我的应用程序：http: //prntscr.com/ofg6mi

侧边菜单工作正常，但正确的功能应该不与下面的页面交互。

我正在为 iOS 设备（平板电脑和智能手机）制作应用程序。我想关闭菜单，用户将决定何时打开它。

在 iPad Air 和 iPhone 上，菜单可以正确显示，但是当我在 iPad Pro 上启动应用程序时，分辨率太高，菜单始终可见。

iPad pro（菜单自动打开）：

iPad Air 和 iPhone（菜单在启动时正确关闭）：

所以我的菜单代码：

如何关闭菜单？谢谢

我是ionic4的新手。在此之前，我在该菜单中尝试 ionic3 工作正常。但现在我迁移到 ionic4。我只是使用内置菜单选项创建新项目。它在网络浏览器中成功运行但是当我在我的 Android 移动设备上运行时，菜单打开但单击后它没有关闭。

我使用：离子版本：5.2.3 节点版本：v10.16.3 Cordova 版本：9.0.0

第一次尝试： 我的 app.component.html 文件：

我的 app.component.ts 文件：

第二次尝试：

我在 ion-menu 中的 ionic 4 应用程序自定义宽度有问题在 iPhone 5/5s 中不起作用。它在 iPhone 6 及更高版本中运行良好。

我想要菜单的自定义宽度 100px。

app.component.html

全局.css

在我使用 Ionic 4 和 Angular 8 PWA 构建的应用程序中，我需要一个侧边菜单（ion-menu），它可以切换为仅在浏览器中显示折叠时的图标和展开时的菜单文本。我能够在 Ionic 3 中实现这一点。但在 Ionic 4 中很难实现。是否有任何可用的在线资源，请求为我提供可用资源的链接。还是建议使用角度侧边栏而不是离子菜单？

我是离子新手。我第一次开发离子应用程序。我已经尝试了很多方法来将过渡 CSS 属性应用于 ion-menu，但是它对我不起作用。谁能帮我？

我使用 CSS 尝试了 DOM 中的样式 shadow-root 元素。在我的 app.component.ts 文件中：

我有一个Vue app使用Ionic 4标准@ionic/vue。
这是main.js文件：

这是app-component.ts：

该应用程序完美运行，除了：当我点击菜单标题时，警报正确显示。当我点击里面的“测试”时，什么也没有出现ion-content。我试过很多变种，onclick也有香草，但ion-content里面ion-menu从来没有处理任何点击。关于如何解决这个问题的任何想法？

谢谢

我正在尝试实现像ion-menu组件页面中显示的侧菜单。

我只想以编程方式显示侧边菜单，我并不是要从中触发导航或在顶部栏中有一个汉堡按钮。我既不使用ion-router-outlet也不使用任何其他路由系统。

我尝试在页面上复制并粘贴示例，但我得到的是控制台中的错误：

menu.js:292 菜单：必须有一个 [content] 元素来监听拖动事件。例子：

<ion-menu [内容]="内容">

<离子导航#内容>

但这不是我想要的。我并不是要让任何元素来监听拖动事件，而且我不想要ion-nav. 我尝试添加[swipeEnabled]="false"，但没有任何改变。

如何在不彻底改变现有应用程序架构的情况下拥有一个简单的侧边菜单？

谢谢

我试图让菜单汉堡按钮显示在工具栏中，而标题确实显示菜单按钮不显示，任何建议将不胜感激。

home page.html 的代码是

app.component.html 的代码是

不确定是否有任何其他页面相关，但如果是，可以在此处弹出。有一个登录页面，可将您带到此主页。谢谢

我的应用程序有两种用户类型客户和员工，对于他们每个人，我需要不同的菜单。如何在 app.component.html 页面中添加一些条件，例如 this.usertype = "Staff" 使用员工菜单，否则使用客户菜单。我尝试使用不同的 ID，但在这种方法中，第一个菜单似乎消失了。希望你能帮我！提前致谢！

我在 app.component.html 中的当前代码