未知的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標籤模式

回答

相關問題