未捕获(承诺):虚假导航控制器ionic2
这是我的两个文件。主页是我的默认视图,我想先显示幻灯片 代码如下: home.ts未捕获(承诺):虚假导航控制器ionic2,ionic2,Ionic2,这是我的两个文件。主页是我的默认视图,我想先显示幻灯片 代码如下: home.ts import { Component } from '@angular/core'; import { NativeStorage ,BarcodeScanner} from 'ionic-native'; import { NavController } from 'ionic-angular'; import { SlidePage } from '../slide/slide'; @Componen
import { Component } from '@angular/core';
import { NativeStorage ,BarcodeScanner} from 'ionic-native';
import { NavController } from 'ionic-angular';
import { SlidePage } from '../slide/slide';
@Component({
selector: 'page-home',
templateUrl: 'home.html',
providers: [BarcodeScanner, SlidePage]
})
export class HomePage {
firstLogin = true;
constructor(public qrScan : BarcodeScanner, public slides:SlidePage, public navCtrl: NavController) {
if(this.firstLogin){
this.goToSlides();
}
}
goToSlides = function() {
console.log("show slides >> ");
this.navCtrl.push(this.slides);
};
}
幻灯片
import { Component } from '@angular/core';
@Component({
templateUrl: 'slide.html'
})
export class SlidePage {
constructor() {
console.log("dghdghdg");
}
}
错误是:
dghdghdg
show slides >>
invalid page component: [object Object]
Error: Uncaught (in promise): false
at s (polyfills.js:3)
at polyfills.js:3
at Object.ti.reject (nav-controller-base.js:187)
at NavControllerBase._queueTrns (nav-controller-base.js:197)
at NavControllerBase.push (nav-controller-base.js:52)
at HomePage.ngOnInit (home.ts:37)
at Wrapper_HomePage.ngDoCheck (wrapper.ngfactory.js:22)
at CompiledTemplate.proxyViewClass.View_HomePage_Host0.detectChangesInternal (host.ngfactory.js:37)
at CompiledTemplate.proxyViewClass.AppView.detectChanges (view.js:288)
at CompiledTemplate.proxyViewClass.DebugAppView.detectChanges (view.js:381)
slidePage
不是要注入组件的服务。因此,您不必将其添加到构造函数中。您需要在app.module.ts中声明它们
slides= SlidePage;
constructor(public qrScan : BarcodeScanner, public navCtrl: NavController) {
if(this.firstLogin){
this.goToSlides();
}
}
goToSlides() {
console.log("show slides >> ");
this.navCtrl.push(this.slides);
};
别忘了在
app.module.ts
声明中添加幻灯片页面
,您必须使用如下导航
this.navCtrl.push(SlidePage);