Я создал пользовательский компонент и добавил его в файл component.module.ts.
У меня в проекте есть папка компоненты с файлом component.module.ts внутри.
Вот так выглядит мой файл component.module.ts:
import { NgModule } from '@angular/core';
import { IonicModule} from 'ionic-angular';
import { SendMessageBoxComponent } from './send-message-box/send-message-box.component';
@NgModule({
declarations: [
SendMessageBoxComponent
],
imports: [IonicModule],
exports: [
SendMessageBoxComponent
]
})
export class ComponentsModule {}
Затем я хочу использовать этот компонент на странице (странице чата), вот так выглядит файл chat.module.ts:
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { ChatPage } from './chat';
import { ComponentsModule } from '../../components/components.module';
@NgModule({
declarations: [
ChatPage,
],
imports: [
IonicPageModule.forChild(ChatPage),
ComponentsModule
],
exports: [
ChatPage
],
})
export class ChatPageModule {}
Это моя страница chat.module.ts:
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { ChatPage } from './chat';
import { ComponentsModule } from '../../components/components.module';
@NgModule({
declarations: [
ChatPage,
],
imports: [
IonicPageModule.forChild(ChatPage),
ComponentsModule
],
exports: [
ChatPage
],
})
export class ChatPageModule {}
А это код файла chat.ts:
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
@IonicPage()
@Component({
selector: 'page-chat',
templateUrl: 'chat.html',
})
export class ChatPage {
user: any;
constructor(public navCtrl: NavController, public navParams: NavParams) {
}
ionViewWillLoad(){
this.user = this.navParams.get('data');
}
}
Я получаю:
Ошибки синтаксического анализа шаблона: 'app-send-message-box' не известен элемент
Что я здесь не так делаю?
Спасибо!