Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
angular2中未知的HTML标记模式_Angular_Modal Window - Fatal编程技术网

angular2中未知的HTML标记模式

angular2中未知的HTML标记模式,angular,modal-window,Angular,Modal Window,我想创建引用此链接的自定义模式窗口:- 当我使用它时,它会显示未知的HTML标记,并在控制台上显示错误,即 未处理的承诺拒绝:模板分析错误: “模态”不是已知的元素: 1.如果“模态”是一个角度组件,则确认它是该模块的一部分。 2.如果“modal”是Web组件,则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”以抑制此消息。(" 开放式模式1 [ERROR ->]<modal id="custom-modal-1">

我想创建引用此链接的自定义模式窗口:-

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

未处理的承诺拒绝:模板分析错误: “模态”不是已知的元素: 1.如果“模态”是一个角度组件,则确认它是该模块的一部分。 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 ; 区域:;任务:承诺;值:错误:模板分析错误: “模态”不是已知的元素:


请指导,谢谢。

将此组件放入
应用程序模块的声明中

@NgModule({
imports: [
    BrowserModule,
    FormsModule
],
declarations: [
    AppComponent,
    ModalComponent <----
],
providers: [
    ModalService
],
bootstrap: [AppComponent]
})
@NgModule({
进口:[
浏览器模块,
FormsModule
],
声明:[
应用组件,

ModalComponent是您的模式代码,即带有选择器“modal”的ts文件,在app.module.ts文件中注册?在导入文件后,在@NgModule声明中?请参阅此Hey Dmitrij,ModalComponent在声明中显示错误(找不到名称ModalComponent)。导入{Component,ElementRef,Input,OnInit,OnStroy}从“@angular/core”;从“/modal.service”;@Component({moduleId:module.id.toString(),选择器:'modal',模板:'})导入{ModalService}导出类ModalComponent实现OnInit,OnDestroy{@Input()id:string;私有元素:JQuery;构造函数(私有ModalService:ModalService,私有el:ElementRef){this.element=$(el.nativeElement);}ngOnInit():void{let modal=this;