2017-05-20 57 views
0

如何要回根應用離子3.如何要回根應用離子3

main.js:1436 ERROR Error: Uncaught (in promise): invalid link: TabsPage(…)

import { Component, ViewChild, ElementRef } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 
import { Geolocation } from '@ionic-native/geolocation' 



@Component({ selector: 'page-registrar', 
       templateUrl: 'registrar.html' 
}) 

export class RegistrarPage {  
    constructor(public navCtrl: NavController) {} 

    ionViewDidLoad(){} 


    openHomePage(){ 
    this.navCtrl.setRoot('TabsPage'); 
    } 

} 
+0

這可能會導致頁面名稱爲'TabsPage'的拼寫錯誤。但是,如果您不是懶惰地使用@ IonicPage加載頁面,則必須使用類名稱並導入它 - 而不是set root中的字符串。我說,因爲您的註冊商頁面沒有@ IonicPage ...請在這裏查看我的註釋。它可能有助於https://stackoverflow.com/a/45721208/495157 – JGFMK

回答

0

試試這個this.navCtrl.popToRoot()

從離子文件。這將回到堆棧的根目錄,不管它有多遠。 Detail Link

+0

我正在使用選項卡。使用this.navCtrl.popToRoot()我回到根頁面,但是我需要使用第一個默認選項卡重新加載根頁面。這怎麼可能?非常感謝您的關注。 –

+0

然後使用你的setRoot方法。確保您正在導入此組件中的tabsPage。並傳遞該頁面的引用。 – Khurram

+0

你使用懶加載?提供更多的細節,如標籤頁和當前頁面的組件和模板 – Khurram