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>;
  // ...
}

但是我有一个依赖问题：

Cannot find name '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 { }

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

ionic2 // Can't use my module in a page component

ionic2

ng-modules

angular