使用Ionic Tabs文档中tabs.ts中的select()方法进行了尝试。但是似乎当我尝试运行它时,它说“ select is undefined”,当我尝试使用console.log(tabs)时,我发现viewChild实际上为空/未定义。尝试搜索未定义viewChild的原因,但无法真正理解为什么。
链接到离子选项卡文档:https : //ionicframework.com/docs/api/components/tabs/Tabs/
tabs.html
<ion-tabs #tabs>
<ion-tab [root]="tab1Root" tabTitle="Request" tabIcon="alert"></ion-tab>
<ion-tab [root]="tab2Root" [rootParams]="detailParam" tabTitle="Pending"
tabIcon="repeat"></ion-tab>
<ion-tab [root]="tab3Root" tabTitle="Completed" tabIcon="done-all"></ion-
tab>
<ion-tab [root]="tab4Root" tabTitle="Profile" tabIcon="person"></ion-tab>
</ion-tabs>
Run Code Online (Sandbox Code Playgroud)
tabs.ts
import { Component, ViewChild } from '@angular/core';
import { NavController, NavParams, AlertController, Tabs } from 'ionic-
angular';
import { PendingJobPage } from '../pending-job/pending-job';
import { CompletedJobPage } from '../completed-job/completed-job';
import { RequestPage } from '../request/request';
import { ProfilePage } from '../profile/profile';
@Component({
templateUrl: 'tabs.html'
})
export class TabsPage …Run Code Online (Sandbox Code Playgroud)