angular - angular2中的未知HTML标签模式

Question

我想创建引用此链接的自定义模式窗口：- http://jasonwatmore.com/post/2017/01/24/angular-2-custom-modal-window-dialog-box

当我使用它时，它显示未知的 HTML 标记并且在控制台上显示错误，即

未处理的 Promise 拒绝：模板解析错误：'modal' 不是已知元素：1. 如果 'modal' 是 Angular 组件，则验证它是否是该模块的一部分。2. 如果 'modal' 是一个 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。(" 打开模态 1

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

")：HeapMemoryGraphComponent@6:4；区域：；任务：Promise.then；值：错误：模板解析错误：'modal' 不是已知元素：

请指导，谢谢。

Answer 1

将此组件放在声明中app.module

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