2017-04-23 107 views
0

我想在我的angular2project中实现引导模态。我尝试了bootstrap和JQuery,但是我的模态并没有淡入。而且我也尝试了角度依赖性ng2-bs3-model,存在同样的问题那也是依赖。 任何人都可以请帮助我。 有没有更好的方法来实现角2中的引导模态?在angualar2中引导模态

this is my applications after adding model

回答

1

你可以尝试从NG-引导项目本地模式实现:https://ng-bootstrap.github.io/#/components/modal

的好处是,这些都是原生角的指令,这意味着,你会不会需要包括jQuery的或其他任何第三方JavaScript。从https://ng-bootstrap.github.io/#/components/modal的模式服务的实施是非常容易使用。有一种服务可以将组件用作模态的内容。在大多数情况下,打开一个模式是一个班轮:

this.modalService.open(NgbdModalContent);

您可以在此普拉克在行动中看到一个工作示例:http://plnkr.co/edit/1epmosa7mqHiwF66oHEV?p=preview

+0

谢谢你的意见,我尝试使用NG-引导项目,但无法显示对话。我已经完成了与网站上描述的相同的方式。但是当点击按钮时,对话框不会打开。在控制台中找不到错误。 –

+0

但我已经链接了一个可以工作的plunker ....您可以随时将您的设置与plunker中的代码进行比较。 –

+0

请检查此网址:[ng-bootstrap-modal-is-not-displayed](http://stackoverflow.com/questions/43570776/ng-bootstrap-modal-is-not-displaying),我添加了一个新的关于这个问题,你可以请检查一下,让我知道如果我错过了什么 –