Angular 离子2:自定义提供程序导致;Can';t解析所有参数“;
我已经创建了一个测试提供程序,并试图将其注入两个页面,以便共享数据和方法,但当我将提供程序添加到页面构造函数时,我得到一个错误,即“无法解析CharacterPage的所有参数:(NavController,NavParams,?)” 应用程序模块.tsAngular 离子2:自定义提供程序导致;Can';t解析所有参数“;,angular,typescript,ionic2,Angular,Typescript,Ionic2,我已经创建了一个测试提供程序,并试图将其注入两个页面,以便共享数据和方法,但当我将提供程序添加到页面构造函数时,我得到一个错误,即“无法解析CharacterPage的所有参数:(NavController,NavParams,?)” 应用程序模块.ts import { NgModule, ErrorHandler } from '@angular/core'; import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-an
import { NgModule, ErrorHandler } from '@angular/core';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { Storage } from '@ionic/storage';
import { MyApp } from './app.component';
import { BookNavigation } from '../providers/book-navigation';
@NgModule({
declarations: [ //STUFF ],
imports: [ IonicModule.forRoot(MyApp) ],
bootstrap: [IonicApp],
entryComponents: [ //STUFF ],
providers: [
{
provide: ErrorHandler,
useClass: IonicErrorHandler,
},
Storage,
BookNavigation,
]
})
export class AppModule {}
import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar, Splashscreen } from 'ionic-native';
import { BookNavigation } from '../providers/book-navigation';
import { HomePage } from '../pages/home/home';
@Component({
templateUrl: 'app.html',
providers: [BookNavigation]
})
export class MyApp {
rootPage = HomePage;
constructor(platform: Platform) {
platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
StatusBar.styleDefault();
Splashscreen.hide();
});
}
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { BookNavigation } from '../../providers/book-navigation';
@Component({
selector: 'page-character',
templateUrl: 'page.html'
})
export class CharacterPage {
constructor(public navCtrl: NavController,
public navParams: NavParams,
public bookNavigation: BookNavigation) {}
}
应用程序组件.ts
import { NgModule, ErrorHandler } from '@angular/core';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { Storage } from '@ionic/storage';
import { MyApp } from './app.component';
import { BookNavigation } from '../providers/book-navigation';
@NgModule({
declarations: [ //STUFF ],
imports: [ IonicModule.forRoot(MyApp) ],
bootstrap: [IonicApp],
entryComponents: [ //STUFF ],
providers: [
{
provide: ErrorHandler,
useClass: IonicErrorHandler,
},
Storage,
BookNavigation,
]
})
export class AppModule {}
import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar, Splashscreen } from 'ionic-native';
import { BookNavigation } from '../providers/book-navigation';
import { HomePage } from '../pages/home/home';
@Component({
templateUrl: 'app.html',
providers: [BookNavigation]
})
export class MyApp {
rootPage = HomePage;
constructor(platform: Platform) {
platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
StatusBar.styleDefault();
Splashscreen.hide();
});
}
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { BookNavigation } from '../../providers/book-navigation';
@Component({
selector: 'page-character',
templateUrl: 'page.html'
})
export class CharacterPage {
constructor(public navCtrl: NavController,
public navParams: NavParams,
public bookNavigation: BookNavigation) {}
}
字符页.ts
import { NgModule, ErrorHandler } from '@angular/core';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { Storage } from '@ionic/storage';
import { MyApp } from './app.component';
import { BookNavigation } from '../providers/book-navigation';
@NgModule({
declarations: [ //STUFF ],
imports: [ IonicModule.forRoot(MyApp) ],
bootstrap: [IonicApp],
entryComponents: [ //STUFF ],
providers: [
{
provide: ErrorHandler,
useClass: IonicErrorHandler,
},
Storage,
BookNavigation,
]
})
export class AppModule {}
import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar, Splashscreen } from 'ionic-native';
import { BookNavigation } from '../providers/book-navigation';
import { HomePage } from '../pages/home/home';
@Component({
templateUrl: 'app.html',
providers: [BookNavigation]
})
export class MyApp {
rootPage = HomePage;
constructor(platform: Platform) {
platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
StatusBar.styleDefault();
Splashscreen.hide();
});
}
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { BookNavigation } from '../../providers/book-navigation';
@Component({
selector: 'page-character',
templateUrl: 'page.html'
})
export class CharacterPage {
constructor(public navCtrl: NavController,
public navParams: NavParams,
public bookNavigation: BookNavigation) {}
}
服务提供商
import { Injectable } from '@angular/core';
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { Storage } from '@ionic/storage';
@Injectable()
export class BookNavigation {
constructor(public navCtrl: NavController, public navParams: NavParams, public storage:Storage) {
console.log('Hello BookNavigation Provider');
}
}
尝试使用。
BookNavigation服务似乎正在与一些导入形成循环依赖关系。
在CharacterPage中
constructor(public navCtrl: NavController,
public navParams: NavParams,
public @Inject(forwardRef(() =>BookNavigation)bookNavigation: BookNavigation) {}
我要把我发现的留在这里。显然,将服务用于导航目的不是一个好主意(参见此处)。它会导致一系列错误,导致其他问题,所以我决定放弃这个想法。
我仍然不确定如何绕过这个问题,只有一个文件,我可以在其中设置所有数据和方法,保持代码的其余部分干净。我已经读到,最好的方式可能是通过事件emmitter,但我仍然不太了解它们,因此无法确定它是否发生在我身上,因为我使用了一个并非真正正确的提供者,但该提供者没有错误。我从组件中删除了提供程序,一切正常您能否删除BookNavigation类构造函数中的
navCtrl
和navParams
参数?您在提供程序/服务中不需要此选项。您在CharacterPage
中出错。。看不到它的代码here@alltej不,我不能删除它们,因为书籍导航具有所有功能,可以让我浏览多个页面。我还必须保留存储引用,因为我正在从本地存储加载一些值。@suraj CharacterPage就是这里的页面,我也更改了问题中的名称“Book Navigation具有让我在多个页面中导航的所有功能。”那么您是否要在BookNavigation中导入CharacterPage?