使用离子标签的操作

我真的很喜欢这个标签在离子3的风格，当你有一个图标和文字：使用离子标签的操作

https://ionicframework.com/docs/components/#tabs-icon-text

但是在App我使用我有4个操作。例如打开相机，打开Google地图等。而这个我想在这种风格的页面底部显示。

我该如何做到这一点，因为这不是选项卡的真正目的，因为我没有找到类似的组件。

2017-07-18 user5417542

就像你可以在the Tab docs看到：

有时你可能需要调用，而不是导航到新页面的方法。当选择该选项卡时，您可以使用(ionSelect)事件调用您的类上的方法。

<ion-tabs> 
    <ion-tab (ionSelect)="chat()" tabTitle="Show Modal"></ion-tab> 
</ion-tabs>

然后

export class Tabs { 
    constructor(public modalCtrl: ModalController) {} 

    chat() { 
    let modal = this.modalCtrl.create(ChatPage); 
    modal.present(); 
    } 
}

来源

2017-07-18 15:59:29 sebaferreras

感谢。但是，我现在如何处理所显示的页面，因为我的所有选项卡都在调用方法。目前第一个突出显示。 – user5417542

我在过去的一个应用程序中完成了以下工作：您仍然可以在每个选项卡中以root身份设置页面，并且内容可能只是图像或一些帮助文本。通过这种方式，当点击每个标签图标时，您仍然会在背景中看到与该标签相关的内容，图标将被标记为选中状态，并执行操作（打开相机，打开Google地图...）。它在你的应用程序的上下文中有意义吗？ – sebaferreras

好吧，我现在将尝试为每个元素设置相同的根页面，并尝试拦截样式，当选择某个元素时，它看起来总是相同的。 :) – user5417542

使用离子标签的操作

回答

相关问题