Ionic 2:将组件包含到页面中时出错
Ionic 2: Error including component into a page
我创建了一个组件,我想将它包含在我的页面中,但由于出现错误消息而无法正常工作
No provider for MyExample
我已经将组件添加到 entryComponents
和 declarations
部分的 app.module.ts
。
我的示例组件 src/app/components/my-example/my-example.ts
import { Component } from '@angular/core';
@Component({
selector: 'my-example',
templateUrl: 'my-example.html'
})
export class MyExample {
constructor() {
console.log('Constructor...');
}
}
app.module.ts src/app/app.module.ts
import { MyExample } from '../components/my-example/my-example';
@NgModule({
declarations: [MyExample],
bootstrap: [IonicApp],
....
entryComponents: [MyExample]
})
我的页面 src/app/pages/my-page/my-page.ts
import { MyExample } from '../../components/my-example/my-example';
@Component({
selector: 'purchase-page',
templateUrl: './purchase.html'
})
......
路径是正确的,因为在 app.module.ts 中,我可以使用 console.log(MyExample);
显示组件的内容,并且它工作得很好。
我正在使用 Ionic 2 RC4。
亲切的问候!
我修复了它,包括 @ViewChild 中的组件
我创建了一个组件,我想将它包含在我的页面中,但由于出现错误消息而无法正常工作
No provider for MyExample
我已经将组件添加到 entryComponents
和 declarations
部分的 app.module.ts
。
我的示例组件 src/app/components/my-example/my-example.ts
import { Component } from '@angular/core';
@Component({
selector: 'my-example',
templateUrl: 'my-example.html'
})
export class MyExample {
constructor() {
console.log('Constructor...');
}
}
app.module.ts src/app/app.module.ts
import { MyExample } from '../components/my-example/my-example';
@NgModule({
declarations: [MyExample],
bootstrap: [IonicApp],
....
entryComponents: [MyExample]
})
我的页面 src/app/pages/my-page/my-page.ts
import { MyExample } from '../../components/my-example/my-example';
@Component({
selector: 'purchase-page',
templateUrl: './purchase.html'
})
......
路径是正确的,因为在 app.module.ts 中,我可以使用 console.log(MyExample);
显示组件的内容,并且它工作得很好。
我正在使用 Ionic 2 RC4。
亲切的问候!
我修复了它,包括 @ViewChild 中的组件