在 Angular 2 中显示模态弹出窗口

Question

我正在尝试根据此处提供的实现将模式集成到我的页面 post How to pass data to bootstrap modal dialog in Angular2 此处提供了有效的 plunker 解决方案 http://plnkr.co/edit/8wBnEHOS5zNGXNhg9Tzy?p=preview

我在 AngularJs（As Angular2）选项中创建了一个新的 plunkr。但是，在将 AppComponent/ModalComponent 添加到我的 app.ts 文件时，我看到一个错误

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

这是我的 plunker 代码 link - http://plnkr.co/edit/pRTaxiaU2S9dtiLYPEtl 。有人可以帮我这里出了什么问题吗？谢谢！！！

Answer 1

在您的 app.module.ts

中添加 modal.component.ts

import { ModalComponent } from 'location of modal component'

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

Answer 2

根据的参考，请按如下操作。

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 中添加架构。希望你能得到解决方案。

在 Angular 2 中显示模态弹出窗口

Show modal pop up in Angular 2

modal-dialog

popupwindow

angular2-directives

angular