离子框架隐藏某些标签状态下的离子标签

时间:2015-10-21 07:13:11

标签: ionic-framework

我一直试图找到解决方案,但我找不到任何解决方案。 我会使用基本的例子,所以任何了解离子的人都能很好地理解我的问题。

ionic start myApp tabs将创建一个新项目,并准备好标签。

这些标签是信息中心,聊天和设置。 当您转到Chat Tab时,您将选择一个人来查看其聊天内容(这将引导您实际访问Chat-Detail页面) 我想在转到ion-tabs页面时隐藏chat-detail指令,这样我就可以强制用户使用Back按钮,而不是点击ion-tabs上的任何内容。< / p>

2 个答案:

答案 0 :(得分:0)

简单地说:你将很难做到这一点。如果你成功隐藏使用css(我做到了,而且真的,它并不漂亮),它最好看起来不会很好看。基本上你需要在父作用域上定义一个变量,它在进入聊天细节状态时会发生变化,并将其绑定到多个元素上的ng-class指令(用于隐藏它的离子标签,用于转换它的离子内容)最多覆盖标签所在的区域,并添加一些过渡以使其不会太残酷。)

要做的合乎逻辑的事情是让聊天详细信息状态不是包含选项卡的状态的子项。但是,您将遇到的问题是,有一个巨大的错误进入/从选项卡状态。详情请见https://github.com/driftyco/ionic/issues/2997

在讨论结束时,您可以找到Jason和Jerrybels(可能是我)的一些帖子,这些帖子可能会引导您以正确的方式完成此任务。基本上,你将不得不摆脱ion-tabs指令,而是使用Ionic's CSS for tabs代替自己进行所有状态操作。

祝你好运!

答案 1 :(得分:0)

你可以像这样使用ion-tab的“hidden”属性 -

<ion-tab hidden={{condition}}" />

使用此功能,我们可以显示/隐藏标签。