Angular 在ionic3中显示离子菜单,无需布线和手势
我正在尝试实现一个侧菜单,如图中所示 我只是想以编程方式显示侧菜单,我不是想从它触发导航,或者在顶部栏中有一个汉堡按钮。我既不使用离子路由器插座,也不使用任何其他路由系统 我尝试在页面上复制和粘贴示例,但控制台中出现错误: menu.js:292 menu:必须有[content]元素才能侦听拖动事件。例如: 但这不是我想要的。我不想让任何元素监听拖拽事件,我也不想要一个Angular 在ionic3中显示离子菜单,无需布线和手势,angular,ionic-framework,ionic3,ion-menu,Angular,Ionic Framework,Ionic3,Ion Menu,我正在尝试实现一个侧菜单,如图中所示 我只是想以编程方式显示侧菜单,我不是想从它触发导航,或者在顶部栏中有一个汉堡按钮。我既不使用离子路由器插座,也不使用任何其他路由系统 我尝试在页面上复制和粘贴示例,但控制台中出现错误: menu.js:292 menu:必须有[content]元素才能侦听拖动事件。例如: 但这不是我想要的。我不想让任何元素监听拖拽事件,我也不想要一个ionnav。我尝试添加[swipEnabled]=“false”,但没有任何改变 如何在不改变现有应用程序的体系结构的情
ionnav
。我尝试添加[swipEnabled]=“false”
,但没有任何改变
如何在不改变现有应用程序的体系结构的情况下拥有一个简单的侧菜单
谢谢您的错误来自爱奥尼亚的以下菜单组件:
const content=this.contentId!==未定义
? document.getElementById(this.contentId)
:parent&&parent.querySelector&&parent.querySelector(“[main]”);
如果(!content | |!content.tagName){
//需要内容元素
console.error('Menu:必须有一个“content”元素来监听拖拽事件。');
返回;
}
Ionic正在您的页面上查找contentId。您可以通过在内容周围包装一个div来实现这一点。并将触发器放置在某个位置以打开或关闭菜单
打开菜单
constructor(私有菜单:MenuController){}
openMenu(){
this.menu.toggle();
}
使用上述代码,但一旦将您的ion内容放入该div,它就不会显示内容。只有黑屏。单独使用离子含量外的div,现在工作正常。