离子2:包含组件到页面的错误

时间:2016-12-22 18:17:28

标签: angular ionic2 angular2-components

我已经创建了一个组件,我想将它包含在我的页面中但由于出现错误消息而无法正常工作

No provider for MyExample

我已将该组件添加到app.module.tsentryComponents部分的declarations

我的示例组件 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。

亲切的问候!

1 个答案:

答案 0 :(得分:0)

我修复了它,包括@ViewChild中的组件