显示模式弹出的角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

回答

相关问题