未知的HTML标签模式

我要创建自定义模式窗口参考以下链接： - http://jasonwatmore.com/post/2017/01/24/angular-2-custom-modal-window-dialog-box 未知的HTML标签模式

当我使用它的显示未知的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;值：错误：模板解析错误： '模态'不是已知元素：

请指导，谢谢。

来源

2017-04-13 Vikas Gaurav

是您的模态代码，即TS与选择文件：“模式”，你app.module.ts注册的文件？在导入文件后，在你的@NgModule声明中？ – Fabien

请参阅本文[**答案**]（http://stackoverflow.com/questions/42735858/ng2-bootstrap-show-hide-modal-as-child-component/42736058#42736058） – Aravind

将这个组件在声明中app.module

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

来源

2017-04-13 12:17:32

嘿Dmitrij，ModalComponent显示错误内部声明（无法找到名称ModalComponent）。 –

你可以显示模态组件吗？ –

从'@ angular/core'导入{Component，ElementRef，Input，OnInit，OnDestroy}; 从“./modal.service”中导入{ModalService}; @Component（{ 的moduleId：module.id.toString（），选择： '模态'，模板： '' }）出口类ModalComponent实现的OnInit，的OnDestroy { @input（） id：string; 私有元素：JQuery; 构造函数（私人modalService：ModalService，私人el：ElementRef）{这个元素= $（el.nativeElement）; } ngOnInit（）：void { let modal = this; –

未知的HTML标签模式

回答

相关问题