【问题标题】:How to keep tab when pushing a new page?推送新页面时如何保持标签?
【发布时间】:2016-12-12 20:40:48
【问题描述】:

当我在控制器中推送这样的新标签时:

this.nav.push(EditPage);

标签消失。如何保留标签?

下图:

当新页面出现时:

【问题讨论】:

    标签: angular typescript ionic2 ionic3


    【解决方案1】:

    您需要像这样在ionicBootstrap 中添加tabSubPages:false 配置:

    ionicBootstrap(MyApp, [], {      
        tabSubPages:false
    });
    

    通过这样做,并且因为每个选项卡都有自己的历史堆栈,并且注入到每个选项卡的子 @ComponentsNavController 实例对于每个选项卡都是唯一的,因此新页面将在当前选项卡内打开。


    更新:

    请注意,在 Ionic 2.0.0-beta.11 (2016-08-05) 的新版本中,该配置已重命名为 tabsHideOnSubPages,因此它应该是:

    ionicBootstrap(MyApp, [], {      
        tabsHideOnSubPages:false
    });
    

    以前的名称已被弃用。他们仍将在 当前版本,但将来会被删除,所以请更新到 新名字。

    【讨论】:

    • 嘿,谢谢兄弟,我一开始也在做同样的事情,但中间没有数组 arg。原来是这样的:ionicBoostrap(MyApp),所以我添加了具有属性 tabSubPages:false 的对象作为第二个参数。
    • 很高兴我能帮上忙 :)
    • 嗨@sebaferreras,如何隐藏子页面ionic2中的标签? tabsHideOnSubPages:true 不起作用。我应该在哪里添加 ionicBootstrap(MyApp, [], { tabsHideOnSubPages:false });
    • 在app.module.ts中完成:imports: [ .., IonicModule.forRoot(MyApp, { backButtonText: '', mode: 'wp', // tabSubPages: false tabsHideOnSubPages: false }),
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-01
    • 2018-07-25
    • 2019-01-14
    • 1970-01-01
    相关资源
    最近更新 更多