顯示模式彈出的角2

我想一個模式了基於在這個崗位 How to pass data to bootstrap modal dialog in Angular2 和工作plunker這裏的解決方案提供了實現集成到我的網頁在這裏提供http://plnkr.co/edit/8wBnEHOS5zNGXNhg9Tzy?p=preview 顯示模式彈出的角2

我創建了一個新的plunkr在AngularJs（作爲Angular2）選項不存在。但是，加入AppComponent/ModalComponent我app.ts文件時，我看到一個錯誤

description"XHR error (404 Not Found) loading    http://run.plnkr.co/qf9bnaF8YtMFzfz9/app/app.component"

這裏是我的plunker代碼鏈接 - http://plnkr.co/edit/pRTaxiaU2S9dtiLYPEtl。有人可以幫助我發生什麼錯在這裏？謝謝！！！

來源

2017-04-20 Born2Code

請發佈您的代碼。 – Pengyy

我懷疑可能你的組件沒有加載到app.module.ts –

基於對this question參考請如下做。

import { CommonModule } from '@angular/common'; 
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core' 
import { CustomComponent } from './custom.component'; 

@NgModule({ 
    declarations: [ CustomComponent ], 
    exports: [ CustomComponent ], 
    imports: [ CommonModule ], 
    schemas: [ CUSTOM_ELEMENTS_SCHEMA ] 
}) 
export class CustomModule {}

您只需在@NgModule中添加模式即可。希望你得到解決方案。

來源

2017-04-20 04:25:44

謝謝你導入模式和通用模塊後，它的工作。但在我的HTML頁面中，包括模態窗口的所有控件都顯示出來了。理想情況下，我點擊按鈕後應該會彈出控件，但默認情況下它們會顯示在頁面中。任何猜測？ – Born2Code

Hi Ronak，你能幫我用這段代碼嗎？ http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5基本上我試圖通過傳遞數據來實現模態彈出。但是，由於某種原因，它不起作用。以前的角度版本的工作解決方案在這裏提到 - http://plnkr.co/edit/8wBnEHOS5zNGXNhg9Tzy?p=preview – Born2Code

@ Born2Code嗨，你好像已經給出了空的[plunkr]（http://plnkr.co/edit/TPL：AvJOMERrnz94ekVua0u5 p =目錄）。請更新代碼並再次分享， –

添加modal.component.ts在app.module.ts

import { ModalComponent } from 'location of modal component' 

declarations: [ 
     ModalComponent, 
     ....... 
]

來源

2017-04-20 03:15:35

顯示模式彈出的角2

回答

相關問題