如何在Angular 6中集成Bootstrap-Modals？

Question

我希望我的按钮在单击时打开一个模式。

这是按钮。

模态在页面底部打开：

这是我的HTML和模式代码：

这是我的component.ts：

我在这里指的是ng-bootstrap： https://ng-bootstrap.github.io/#/components/modal/examples

Answer 1

为什么在使用angular时使用bootstrap modal？有很多好的框架，例如与Angular完全兼容的Angular材料。

您可以在此处查看弹出式窗口的角材文档：

dialog in angular material

，您可以在此处看到有关角材料入门的完整文档：

angular material

将角形材料导入项目需要5分钟，强烈建议您这样做。它包含大量有用的组件。

顺便说一下，角材料是由角团队开发的，并且与角完全集成。