angular2中的未知HTML標記模式

Question

我想參考此鏈接創建自定義模態窗口： -http : //jasonwatmore.com/post/2017/01/24/angular-2-custom-modal-window-dialog-box

當我使用它時，它顯示未知的HTML標簽，並在控制台上顯示錯誤，即

未處理的承諾拒絕：模板解析錯誤：'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]
})