Javascript 返回到Ionic 2中的其他页面时,菜单切换被禁用
我在tabs.ts中有一个菜单切换,它工作得很好,但是当返回到上一页并重新进入选项卡时,我在菜单切换中单击,但它不工作。为什么会发生这种情况?第一次工作,但后来不工作。 请帮帮我 这是我的tabs.ts和我的菜单切换:Javascript 返回到Ionic 2中的其他页面时,菜单切换被禁用,javascript,jquery,html,ionic-framework,menu,Javascript,Jquery,Html,Ionic Framework,Menu,我在tabs.ts中有一个菜单切换,它工作得很好,但是当返回到上一页并重新进入选项卡时,我在菜单切换中单击,但它不工作。为什么会发生这种情况?第一次工作,但后来不工作。 请帮帮我 这是我的tabs.ts和我的菜单切换: {{nombre}}{{apellido} {{rut}} 埃斯卡纳产品 侧影日报 选择素 槭树 塞拉赛森酒店 我认为这个问题与我的工作有关。 首先是原因: 当您导航到一个页面时,页面html内容应该添加到元素中,而不是添加到它的外部。这使得它在菜单上有一个更高的z索引,并且
{{nombre}}{{apellido}
{{rut}}
埃斯卡纳产品
侧影日报
选择素
槭树
塞拉赛森酒店
我认为这个问题与我的工作有关。
首先是原因:
当您导航到一个页面时,页面html内容应该添加到
元素中,而不是添加到它的外部。这使得它在菜单上有一个更高的z索引,并且是覆盖的。所以,当你切换菜单时,它实际上被激活了,但你就是看不到它
现在是解决方法
将以下内容添加到您的app.scss
文件中,或添加到它可以在全球范围内生效的任何位置:
ng-component{
&.app-root{
z-index: 10000;
}
}
z-index的值为10000,因此它将位于ng组件外部添加的页面之上,但仍低于高于10000的modals和popover