Ionic framework 离子框架在特定选项卡状态下隐藏离子选项卡
我一直在想办法,但找不到。 我将使用一些基本的例子,这样任何了解爱奥尼亚的人都能很好地理解我的问题Ionic framework 离子框架在特定选项卡状态下隐藏离子选项卡,ionic-framework,Ionic Framework,我一直在想办法,但找不到。 我将使用一些基本的例子,这样任何了解爱奥尼亚的人都能很好地理解我的问题 ionic start myApp tabs将创建一个新项目,其中的选项卡已准备就绪 这些选项卡是仪表板、聊天和设置。 当您进入聊天选项卡时,您将选择一个人查看其聊天内容(这将引导您实际进入聊天详情页面) 我想在进入聊天详情页面时隐藏离子标签指令,这样我就可以强制用户使用后退按钮,而不是单击离子标签上的任何内容,简单地说:你将很难做到这一点。如果你成功地使用css隐藏,它最多也不会看起来很好(我做
ionic start myApp tabs
将创建一个新项目,其中的选项卡已准备就绪
这些选项卡是仪表板、聊天和设置。
当您进入聊天选项卡
时,您将选择一个人查看其聊天内容(这将引导您实际进入聊天详情
页面)
我想在进入
聊天详情
页面时隐藏离子标签
指令,这样我就可以强制用户使用后退
按钮,而不是单击离子标签上的任何内容
,简单地说:你将很难做到这一点。如果你成功地使用css隐藏,它最多也不会看起来很好(我做到了,实际上,它并不漂亮)。基本上,您需要在父作用域上定义一个变量,该变量在进入chat detail状态时会发生变化,并将其绑定到多个元素上的ng类指令(用于隐藏它的ion选项卡,用于将其向上转换以覆盖选项卡所在的区域的ion内容,以及添加一些转换以使其不太残酷)
合乎逻辑的做法是使chat detail状态不是包含选项卡的状态的子级。然而,您将遇到的问题是,有一个巨大的bug进入/离开选项卡状态。详情如下:
在本次讨论的最后,您可以找到Jason和Jerrybels(也就是我)的一些帖子,这些帖子可以引导您走上正确的道路。基本上,您必须摆脱ion tabs指令,而是使用,自己进行所有状态操作
祝你好运 您可以像这样使用离子选项卡的“隐藏”属性-
<ion-tab hidden={{condition}}" />