问题标签 [ngx-bootstrap-modal]

尝试使用这样的 CSS 将这个ngx-boostrap 模式居中，但它不起作用：

但是在开发工具中，我可以像这样添加 CSS：

所以至少它是垂直居中的，但这是在开发工具中，并且在html模板.modal.dialog中没有类

有没有办法将 ngx-bootstrap 模式正确居中？

我想创建一个通用模态组件以在任何地方使用它，方法是提供输入消息并添加一个是/否对话框并输出用户选择（使用 EventEmitter）

我在以下Plunker中找到了一个示例，但无法在单独的自定义组件中重现它。

plunker 示例来自这个网站：https ://github.com/valor-software/ngx-bootstrap/issues/2334

更新：

在@Wira Xie 回答之后，当我使用静态模式和这个 CSS 时：

模态显示居中，但只有Esc key可以隐藏它，所以当我在模态外部单击时，它仍然可见。

我目前正在一个使用 angular-cli 的应用程序中做一些前端工作，而我并不那么习惯。我已经完成了大部分工作，但我正试图让一个当前加载到表格上方的论坛进入模态。

目前，它来自另一个链接组件，并像这样加载到 html 文件的顶部。

我将 ngx-bootstrap 加载到项目中并设置了所有内容。按照他们的文档，特别是组件示例，我创建了一个简单的按钮并使其打开一个模式。到目前为止一切顺利，我可以在模态正文中弹出一个包含基本内容的模态。然后我尝试了这样的事情：

它回来没有结果。我错过了什么吗？

我正在使用组件作为模板打开一个模态，一切正常，模态打开并且我正在订阅 onHide 事件，订阅也有效。

但我在这里有一个挑战，我想发送一个具体的原因，例如：'消息添加成功'作为原因。我怎样才能做到这一点？我怎样才能发送一个特定的字符串作为原因？

目前，我正在尝试在 MessageAddComponent 组件中设置一个值并使用 bsModalRef.Content 在父组件中访问它，但这不是一个好主意。

问题

我正在使用来自 valor-software 的 ngx-Bootstrap 我想通过单击标题组件中的按钮打开一个模式，并将位于电子邮件模块（LazyLoaded）内的 NewEmailComponent 作为模板传递给它的参数

模板

ts文件中的代码

但我得到了错误

错误

当前设置

但是我已经将它添加到了 EmailModule 的 entryComponents 中。

问题？

那么如何在需要时访问延迟加载模块的 entryComponents。

什么不能被视为解决方案

显然将 NewEmaiComponetent 移到 App Module 不是解决方案，因为应用程序足够大且成熟，因此移动它需要进行大量重构。

我有一个ModalDirective来自ngx-bootstrap1.9.3 的版本并且正在使用 Angular 4。当show()在服务器端执行代码时调用（我使用的是 Angular Universal），我得到以下异常：

代码不是为支持 Angular Universal 而构建的，还是我需要做些什么才能使其正常工作？

这是我的模板：

我无法参考#newimg它的内部时间ng-template（如果我ng-template改为div！）

上传图片后，我需要将其值设置为空，但始终未定义。

我需要帮助如何使用 DataTables.net 按钮打开模态窗口，在组件文件中创建了一个按钮。

我有一个错误：

每次。我对如何调用“openmodal()”函数有疑问。

但我认为下一个问题将是如何从 html 文件调用当前模式。

如果我在 HTML 中使用按钮：

有用。但这不是办法

我搜索并尝试了很多方法，但没有任何效果。

任何解决方法都会有所帮助谢谢。

我正在大量使用 ngx-bootstrap 模态开发一个 Angular 4 应用程序。我目前正在使用模板 + modalService 的方式打开模态。在点击事件期间，这行代码被调用：

工作清单模板如下所示：

可以通过在模态边界外单击或在 ActionViewComponent 内有一个调用 modalRef.hide() 的按钮来关闭模态。

随着越来越多的模式打开，内存使用量急剧增加。事实上，如果我打开 modal 大约 5 次，应用程序就会变得迟缓并且几乎无法使用。如果我们的 TableViewComponent 中有很多行，这一点尤其明显。

我使用模态的方式有问题，还是与 ngx-bootstrap 模态有关？或者，问题是否与浏览器有关且不可避免？我现在正在 Chrome 62 上开发。

我已经验证 onDestroy 永远不会在模态内的 TableViewComponent 上调用。如果我导航到不同的页面组件，它甚至不会被调用，尽管从页面导航时另一个表（不在模板中）确实调用了 onDestroy。

非常感谢任何反馈-我在这方面被困太久了。

我有一个使用 ngx-bootstrap 的 Angular 5 应用程序。我使用Modal Component创建了两个模态。我需要在一段时间后关闭第一个模态，然后打开第二个模态。

我在打开第二个模态之前尝试了这两种方法，但是......

• ...当我this.modalService.hide(0)在显示模态的组件中使用时，没有任何反应
• ...当我this.modalService.hide(1)在显示模态的组件中使用时，第二个模态会在之后立即打开和关闭

也this.modalReference.hide()没有做到。

任何建议高度赞赏！

有没有办法禁用ngx-bootstrap modal 的动画？

我尝试添加此配置，但它不起作用：

演示：

https://stackblitz.com/edit/ngx-bootstrap-cwfhnu?file=app%2Fmodal-component%2Fstatic-modal.component.html

模态仍然显示动画。

因为在某些情况下，模式在更复杂的网页中使用时显示非常慢（例如单击后 2 秒），因此禁用动画可能会更好。