问题标签 [ngx-bootstrap-modal]

在这里查看ngx-bootstrap 源代码时：

modal-options.class.ts

有一个可选class property定义为class?: string;.

它的使用方法是什么？

是否可以添加自定义类，例如：

在使用服务之前，例如：

这样，我认为我们可以将自定义 CSS 添加到显示的 modal

我试图添加一个自定义类但没有成功。

该类属性不是数组，如果适用，是否意味着我们只能添加一个自定义类？

演示：通过添加和覆盖modal类，模式不显示

https://stackblitz.com/edit/ngx-bootstrap-3auk5l?file=app%2Fapp.component.ts

以这种方式添加modal类没有帮助：

https://stackblitz.com/edit/ngx-bootstrap-awmkrc?file=app%2Fapp.component.ts

我在角度 5 中使用 ngx-bootstrap-modal。

我正在使用以下代码打开模式：-

我工作正常。但是当我在消息中传递 HTML 标签时，HTML 标签不会解析。按原样打印。

它在消息中呈现：<div class="simpleBox">sjdhfjsdhf</div>.

模态代码如下：-

我在 ModalModule 中遇到了一个简单但令人讨厌的问题：

我正在使用： https ://github.com/tinesoft/generator-ngx-library 在项目之间共享组件。

这里：

1) 约曼库

2) 在库中导入 ngx-bootstrap

3）在现有组件'LibComponent'上编写一些代码。实际上，我在 ngxboot 网站上复制/粘贴了模态的示例代码。

4) 吞吐构建

5) 尝试执行库中已经定义好的demo。（在演示文件夹内）。

我有这个错误：

错误错误：未捕获（承诺）：错误：StaticInjectorError（AppModule）[LibComponent -> BsModalService]：

提前谢谢你的任何建议......我有点迷茫：D。

我做了所有正常的事情，比如：

这是Lib模块的代码：

这是组件的代码：

我是 ngx-bootstrap 的新手.. 使用 ngx-bootstrap 模态..

使用子模态组件 (@ViewChild('childModal') childModal: CommonModalComponent)

我能够创建简单的模态。

要求是在同一页面上显示多个可拖动模式。

例如。页面上的两个按钮。按钮 1 和按钮 2。如果我单击 button1，则应该显示相应的 modal-1。现在modal-1应该保持打开状态，我可以点击button2，它会显示modal2。现在我可以在同一个页面上同时看到 modal1 和 modal2 并且能够同时拖动它们......？

如何用 ngx-bootstrap 做到这一点？

modal-dailog.component.ts

modal-dailog.component.html

父组件.ts

父组件.html

我正在尝试使用 ngx-bootstrap-modal 将数据从模态服务传递到模态组件。示例显示了这一点：

但它没有显示ModalContentComponent实际如何消耗该状态。我在调试器中玩过，但从未看到我的组件获取该数据。

如何从组件访问它？

我正在尝试使用此“BsModalService”打开模式，但出现以下错误。

这是我的组件。

这里是我的模块。

有趣的是，如果我在构造函数中添加 modalService 作为最后一个参数，我不会收到此错误，但仍然没有注入服务，变量值变得未定义。

图书馆一般都在工作，我使用轮播和折叠模块没有任何问题。

我已经尝试删除 node_modules 文件夹并重新安装它，但没有解决问题。

当您通过它的 URL 访问它时，我需要在模式中加载组件。需要帮助确定该设置应该如何，我在一个角度组件上有 ngxbootstrap，并且可以弹出模式以响应 ega 按钮单击。找不到任何显示访问组件 URL 时如何以模式加载整个组件模板的内容。

谢谢

角度：5.0.2 引导程序：4.0.0 ngx-引导程序：2.0.2

模态在 Chrome 中运行良好，但在 Internet Explorer 11 中挂起。

这是从 component.ts 对 modalService 的调用：

使用 html 模板：

谢谢！

我通过将组件传递给模态（文档链接ngx-bootstrap）来使用via启动模态this.modalService.show(ListModalComponent, <options>)启动模态。我需要订阅组件中的事件发射器以对模态内部的更改事件采取行动，但我无法获得对组件的引用，因为它在显示模态之前不存在。推荐的方法是什么？

这是我当前设置的 Plunkr 。请参阅app.component.ts第 17 行。

我试图在我的仪表板上显示多个不同的模式，但我注意到大多数时候模式屏幕会打开两次。（我什至无法始终如一地复制这个问题，因为有时在我取消 ng serve 并第一次再次运行它后它不会打开两个模态。更改后 Ng serve 自动重新编译将 100% 始终使两个模态出现）。

我在仪表板中的（单击）功能上调用模式，如下所示

整个服务简直就是这样

在模态组件中，我打开了两个不同的模板（起初我在两个不同的组件中一起做了这个，然后问题出现了，我想也许这可以解决它，但没有）

模板看起来像这样

我也像这样在我的dashboard.component.html中只显示一次组件

Ngx-bootstrap 版本 2.0.2 引导版本 4.0.0

其他不清楚的可以追问。感谢您的阅读！