在 Angular 2 中显示模式弹出窗口答案

【问题标题】：Show modal pop up in Angular 2在 Angular 2 中显示模式弹出窗口
【发布时间】：2017-04-20 02:00:57
【问题描述】：

我正在尝试根据本文中提供的实现将模式集成到我的页面 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 代码链接 - http://plnkr.co/edit/pRTaxiaU2S9dtiLYPEtl。有人可以帮我这里出了什么问题吗？谢谢！！！

【问题讨论】：

请发布您的代码。
我怀疑你的组件可能没有加载到 app.module.ts 中

标签： angular modal-dialog popupwindow angular2-directives

【解决方案1】：

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

【讨论】：

谢谢你导入架构和通用模块后，它工作。但是在我的 HTML 页面中，包括模态窗口在内的所有控件都被显示出来。理想情况下，当我单击按钮后，控件应该会弹出，但默认情况下它们会显示在页面中。有什么猜测吗？
嗨，Ronak，你能帮我处理一下这段代码吗？ plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5 基本上我试图通过传递数据来实现模式弹出。但是，由于某种原因，它不起作用。这里提到了以前 Angular 版本中的工作解决方案 - plnkr.co/edit/8wBnEHOS5zNGXNhg9Tzy?p=preview
@Born2Code 嗨，您似乎给了空的plunkr。请更新代码并再次分享，
啊！我在我的帖子中发布了正确的网址，但不是在这里。这是我的代码
您的 plunkr 格式不正确。我要求您做必要的事情，是的，将您的问题移至新线程。谢谢。

【解决方案2】：

在你的 app.module.ts 中添加 modal.component.ts

import { ModalComponent } from 'location of modal component'

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

【讨论】：