angular - ionic2 // 不能在页面组件中使用我的模块

Question

我正在将我的应用程序从 beta.11 升级到 RC3。但是我在 beta.11 版本中使用的组件有问题。

基本上，我创建了一个模块化组件“MyMessage”，它是一个 angular2 组件（而不是 NgModule）。我在页面组件“MessagesPage”中使用此模块。

以下是 beta.11 的工作内容：

@Component({
  selector: 'my-message',
  templateUrl: 'my-message.component.html',
})
export class MyMessage {
  // ... 
}

import { MyMessage } from '../components/my-message.component';
@Component({
  templateUrl: 'messages.html' // Template contains <my-message> tags
  //, directives: [ MyMessage ]
})
export class MessagesPage {
  messages: Array<MyMessage>;
  // ...
}

但我有一个依赖问题：

找不到名称“MyMessage”

所以我试图将我的“MyMessage”组件移动到 NgModule，这似乎是解决方案。

import { MyMessage } from './components/my-message.component';
@NgModule({
  imports:      [ IonicModule.forRoot(MyMessage) ],
  declarations: [ MyMessage ]
})
export class MyMessageModule { }

在 中app.module.ts，我MyMessageModule在imports部分中添加了。但是我仍然有以前的错误，我不明白我错过了什么。

谢谢 ！

Answer 1

更改MyMessageModule如下：

import { MyMessage } from './chat-message.component';
@NgModule({
  declarations: [ MyMessage ],
  exports : [ MyMessage ]
})
export class MyMessageModule { }