【问题标题】:ionic framework hide ion-tabs on certain tab state离子框架在某些选项卡状态下隐藏离子选项卡
【发布时间】:2016-10-20 16:53:01
【问题描述】:

我一直在努力寻找解决方案,但找不到任何解决方案。 我将使用基本示例,以便任何了解 ionic 的人都能很好地理解我的问题。

ionic start myApp tabs 将创建一个新项目,其中包含准备就绪的选项卡。

这些选项卡是仪表板、聊天和设置。 当您转到Chat Tab 时,您将选择一个人来查看其聊天内容(实际上会将您引导至Chat-Detail 页面) 当我转到chat-detail 页面时,我想隐藏ion-tabs 指令,这样我就可以强制用户使用Back 按钮,而不是单击ion-tabs 上的任何内容。

【问题讨论】:

    标签: ionic-framework


    【解决方案1】:

    简单地说:你将很难做到这一点。充其量它不会看起来很好,如果你成功地使用 css 隐藏(我做到了,真的,它不漂亮)。基本上,您需要在父作用域上定义一个变量,该变量在进入聊天详细信息状态时会发生变化,并将其绑定到多个元素上的 ng-class 指令(用于隐藏它的 ion-tabs,用于翻译它的 ion-content最多覆盖选项卡所在的区域,并添加一些过渡以使其不太粗暴)。

    合乎逻辑的做法是让聊天详细信息状态不是包含选项卡的状态的子状态。但是,您将遇到的问题是有一个巨大的错误进入/离开选项卡状态。在此处查看详细信息:https://github.com/driftyco/ionic/issues/2997

    在本次讨论结束时,您可以找到 Jason 和 Jerrybels(可能是我)的一些帖子,这些帖子可以引导您找到正确的方法。基本上,您必须摆脱 ion-tabs 指令,改用Ionic's CSS for tabs,自己进行所有状态操作。

    祝你好运!

    【讨论】:

      【解决方案2】:

      您可以像这样使用 ion-tab 的“隐藏”属性 -

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

      使用它我们可以显示/隐藏标签。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2019-01-15
        • 2016-07-02
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2014-05-29
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多