ionic2 //无法在页面组件中使用我的模块

时间:2016-11-24 09:02:48

标签: angular ionic2 ng-modules

我正在将我的应用程序从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。 但我仍然有上一个错误,我不明白我错过了什么。

谢谢!

1 个答案:

答案 0 :(得分:0)

更改您的MyMessageModule,如下所示:

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