[英]Ionic 3 - How to redirect roottab when opening app
我是棱角和離子領域的新手,遇到一個讓我生氣的問題。 我確定解決方案很簡單,但是經過大量搜索並嘗試找不到解決方案。
我使用Ionic 3開發了一個應用程序,並使用phonegap push插件來處理蘋果通知。 我的應用程序使用選項卡模板,收到通知時,我想打開第三個選項卡,而不是默認的1。
我嘗試了push方法的setRoot方法,但是除了崩潰外沒有任何追加。 之后,為確保使用正確的方法,我只嘗試在第三個選項卡上打開應用程序,僅此而已,只是崩潰了。 我似乎對@ViewChild有麻煩。
tabs.ts
import { SettingsPage } from './../settings/settings';
import { NewsPage } from './../news/news';
import { Component, ViewChild } from '@angular/core';
import { AboutPage } from '../about/about';
import { TableauDeBordPage } from '../tableau-de-bord/tableau-de-bord';
import { HomePage } from '../home/home';
import { Tabs } from '../../../node_modules/ionic-angular/umd';
@Component({
templateUrl: 'tabs.html'
})
export class TabsPage {
@ViewChild('myTabs') tabRef: Tabs;
tab1Root = HomePage;
tab2Root = TableauDeBordPage;
tab3Root = NewsPage;
tab4Root = AboutPage;
tab5Root = SettingsPage;
constructor() {
}
ionViewDidEnter(){
this.tabRef.select(2);
}
}
tabs.html
<ion-tabs #myTabs>
<ion-tab [root]="tab1Root" tabTitle="Agenda" tabIcon="ios-calendar-outline"></ion-tab>
<ion-tab [root]="tab2Root" tabTitle="Tableau de bord" tabIcon="ios-speedometer-outline"></ion-tab>
<ion-tab [root]="tab3Root" tabTitle="News" tabIcon="ios-paper-outline"></ion-tab>
<ion-tab [root]="tab4Root" tabTitle="Tuiles" tabIcon="ios-grid-outline"></ion-tab>
<ion-tab [root]="tab5Root" tabTitle="Autre" tabIcon="ios-cog-outline"></ion-tab>
</ion-tabs>
從xcode啟動應用程序時,我只有崩潰和白屏。 當我從瀏覽器(離子服務)啟動應用程序時,出現運行時錯誤:找不到模塊“。” 僅當我使用viewchild時,此追加。
我目前未以正確的方式使用它,但對我來說,我的做法與Ionic的文檔相同
嘗試這樣的事情:
在app.component.html中
import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { TabsPage } from '../pages/tabs/tabs';
@Component({
templateUrl: 'app.html'
})
export class MyApp {
rootPage:any = TabsPage;
constructor(platform: Platform) {
platform.ready().then(() => {
});
}
}
解決Error: Cannot find module "."
。
編輯
import { Tabs } from '../../../node_modules/ionic-angular/umd';
至
import { Tabs } from 'ionic-angular';
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.