9

我正在尝试使用 Ionic 2，但仍在为大多数基本任务而苦苦挣扎，例如在加载应用程序时选择一个选项卡。

我试图注入Tabs控制器并调用select事件onPageLoaded，但无济于事。

有人可以帮忙吗？

4

4 回答 4

9

要默认为 ionic 2 中的选项卡，请更改 selectedIndex 属性： 

<ion-tabs [selectedIndex]="1">
      <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="rewind"></ion-tab> <!-- Index 0-->
      <ion-tab [root]="tab2Root" tabTitle="About" tabIcon="md-time"></ion-tab><!-- Index 1 (Selected)-->
      <ion-tab [root]="tab3Root" tabTitle="Contacts" tabIcon="fastforward"></ion-tab><!-- Index 2-->
</ion-tabs>

页面加载时，“关于”选项卡将成为选定的选项卡。

于 2016-07-18T17:04:10.167 回答
6

尝试

var t: Tabs = this.nav.parent;
t.select(index);
于 2016-08-09T06:20:53.510 回答
6 
//importing tabs for manipuling our ion-tabs
import {Tabs} from 'ionic-angular';
@Page({
    templateUrl: 'build/pages/page1/page1.html'
})
export class Page1 
{
    //provide Angular with metadata about things it should inject in the constructor
    static get parameters()
    {
        return [[Tabs]];
    }
    //after injecting ,passing an instance of [Tabs] in the page constructor 
    constructor(tab) {
        this.tab = tab;   
    }
    //"onPageWillEnter" function fires every time a page becomes the active      view.
    onPageWillEnter()
    {
        //make the second tab selected From the first tab (within the current Page 'page1')
        // 1 IS the index of the target tab
        this.tab.select(1);
    }
}
于 2016-04-07T17:03:38.360 回答
2

在离子 3 和角度 4 中。

import { Tabs } from 'ionic-angular/navigation/nav-interfaces';
@ViewChild('myTabs') tabRef: Tabs; - With in the class about constructor.
this.tabRef.select(0, {}); // In the method where you want set tab.
于 2017-06-21T11:25:05.957 回答