Angularjs 如何从子页面调用ionic 3.20中选项卡的特定索引?

Angularjs 如何从子页面调用ionic 3.20中选项卡的特定索引?,angularjs,typescript,angularjs-directive,ionic3,hybrid-mobile-app,Angularjs,Typescript,Angularjs Directive,Ionic3,Hybrid Mobile App,假设, 我有标签页,其中包含3个索引页。索引页1是主页,索引页2是产品页,索引页3是购物车页。当我从主页按到搜索页面时,有一个按钮。我想点击那个按钮直接进入标签索引第3页。怎么可能呢? 提前感谢。首先,您需要在搜索中从ionic angular导入选项卡。ts import { NavController, Tabs } from ionic-angular; export class SearchPage { // then assign the navctrl parent to the

假设, 我有标签页,其中包含3个索引页。索引页1是主页,索引页2是产品页,索引页3是购物车页。当我从主页按到搜索页面时,有一个按钮。我想点击那个按钮直接进入标签索引第3页。怎么可能呢?
提前感谢。

首先,您需要在搜索中从ionic angular导入选项卡。ts

import { NavController, Tabs } from ionic-angular;

export class SearchPage {
// then assign the navctrl parent to the tab
    constructor(public navCtrl: NavController, public tab: Tabs) {
        this.tab = this.navCtrl.parent;
    }

    // create a method that will be called after click
    goToTab(){
        this.tab.select(3); // depends on what index of the tab you want to go
    }
}
在您的search.html

<button (click)="goToTab()"> To other tab </button>
到其他选项卡

发布相关代码,这样我们就不再假设和思考具体的事情了;)