angular2中的未知HTML标记模式

时间:2017-04-13 12:10:00

标签: angular modal-window

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

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

未处理的承诺拒绝:模板解析错误: '模态'不是一个已知的元素: 1.如果'模态'是一个Angular组件,然后验证它是否是此模块的一部分。 2.如果'模态'是一个Web组件,然后添加" CUSTOM_ELEMENTS_SCHEMA"到了' @ NgModule.schemas'此组件禁止此消息。 ("     打开模态1

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

&#34;):HeapMemoryGraphComponent @ 6:4;区域:;任务:Promise.then;值:错误:模板解析错误: &#39;模态&#39;不是一个已知元素:

请指导,谢谢。

1 个答案:

答案 0 :(得分:0)

将此组件放在app.module

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