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 ，我在imports部分中添加了MyMessageModule 。 但是我仍然有先前的錯誤，我不明白我錯過了什么。

謝謝 ！

Answer 1

如下更改您的MyMessageModule ：

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