Неизвестный модальный тег HTML в angular2

Question

Я хочу создать собственное модальное окно, ссылаясь на эту ссылку: - http://jasonwatmore.com/post/2017/01/24/angular-2-custom-modal-window-dialog-box

Когда я использую, он показывает неизвестный тег HTML и на консоли показывает ошибку, т.е.

Необработанное отклонение обещания: Ошибки синтаксического анализа шаблона: "модальный" не является известным элементом: 1. Если "модальный" является угловым компонентом, то убедитесь, что он является частью этого модуля. 2. Если "модальный" является веб-компонентом, то добавьте "CUSTOM_ELEMENTS_SCHEMA" в "@NgModule.schemas" этого компонента, чтобы подавить это сообщение. ("Открытый модал 1

[ERROR ->]<modal id="custom-modal-1">
  <div class="modal">
    <div class="modal-body">

"): HeapMemoryGraphComponent @ 6: 4; Zone:; Task: Promise.then; Значение: Error: Ошибки синтаксического анализа шаблона: 'modal' не известен как элемент:

Пожалуйста, руководство, спасибо.

Answer 1

Поместите этот компонент в объявления в app.module

@NgModule({
imports: [
    BrowserModule,
    FormsModule
],
declarations: [
    AppComponent,
    ModalComponent <----
],
providers: [
    ModalService
],
bootstrap: [AppComponent]
})