Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework 离子框架在特定选项卡状态下隐藏离子选项卡_Ionic Framework - Fatal编程技术网

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}}" />