gpt4 book ai didi

javascript - Angular2 中的 Bootstrap 模态

转载 作者:行者123 更新时间:2023-12-03 04:29:07 25 4
gpt4 key购买 nike

我想在我的 angular2 项目中实现 Bootstrap 模式。我尝试使用 Bootstrap 和 jQuery,但我的模式没有淡入。我还尝试了 Angular 依赖项 ng2-bs3-model,该依赖项也存在同样的问题。

是否有更好的方法在 Angular 2 中实现 Bootstrap 模式?

this is my applications after adding model

最佳答案

您可以尝试 ng-bootstrap 项目中的 native 模式实现:https://ng-bootstrap.github.io/#/components/modal

优点是这些是原生 Angular 指令,这意味着您不需要包含 jQuery 或任何其他第 3 方 JavaScript。模态服务的实现来自https://ng-bootstrap.github.io/#/components/modal非常容易使用。您可以向一项服务传递要用作模态内容的组件。在大多数情况下,打开模式只是一句简单的话:

this.modalService.open(NgbdModalContent);

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

关于javascript - Angular2 中的 Bootstrap 模态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43568403/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com