问题标签 [ngx-bootstrap-modal]

这是 stackblitz 中的一个空白 Angular 7 项目，在我使用的 Angular 6 中constructor(private bsModalRef: BsModalRef)，我可以将值传递给我的子弹出组件。

但是当我更新到 Angular 7 时，它说Module not found: Error: Can't resolve 'ngx-bootstrap/modal/bs-modal-ref.service'.

在 stackblitz 中，它要求我安装 ngx-bootstrap，但我已经安装了。

任何想法？

由于我在 Angular 应用程序的单元测试中启用了 css 样式，因此每次显示来自 ngx-bootstrap 的模态的组件时，即使在该特定组件的单元测试完成运行后，它仍保留在浏览器中。

这使得很难直观地检查其他测试的执行情况和测试结果：

我已经ngx-bootstrap使用该命令进行了安装，npm install ngx-bootstrap --save但是当我尝试构建它说的解决方案时

ERROR in src/app/app.module.ts(37,45): error TS2307: Cannot find module 'ngx-bootstrap/modal'.

我已经检查了 node_modules 文件夹ngx-bootstrap/modal是否存在。

这是我的包裹

谁能帮忙

我正在开发我的第一个 Angular 应用程序，并且正在尝试将产品对象发布到我的 api。

我有一个组件列出了上述 api 上的所有产品

这个组件有一个按钮，可以打开一个 bsmodal 来创建和发布一个新产品 - newProduct()

这是处理此问题的组件的 html 和 ts 文件

但是，当我点击保存时，什么也没有发生，模态框就挂在那里。将不胜感激任何帮助。

我有主要AppRoutingModule课程，我在其中设置路线并添加appModule：

在appModule我添加导入模块

在providers我添加NgbActiveModal。我想延迟加载admin.module，在这个模块中我有modal.

我的 admin.module 是：

一切正常，我点击我的模态我点击模态，我有错误：

我跟着这个链接链接

我想提一下，在延迟加载之前一切都运行良好。

我必须为我的一个网站创建一个模式。我已经为此实现了 ngx-bootstrap 模式。我已经在我的引导程序中定义了组件。它运行完美，但是当我查看控制台时，它显示错误消息为

选择器“app-subscription”不匹配任何元素

下面是 subscription.component.ts 的代码片段

}

对于 home.component.ts

根据 ngx-bootstrap 文档，我已将其添加到我的 entryComponents 中。app.module.ts 的代码片段

请建议我解决这个问题。

我在 Angular 6 中将 ngx-bootstrap 用于模态，我创建了一个共享模态，我想在模态正文部分添加不同的 Html 模板。如何添加 HTML 模板或如何将动态组件传递给共享模式。

共享模态组件：

调用组件：

从调用组件我应该能够传递组件的名称，我不想对选择器进行硬编码，因为该组件将发生变化，并且应该加载该组件以及模态页眉和页脚。

我在组件模板中有这段代码，它打开了一个 ngx-bootstrap 模式：

零件：

测试：

我正在尝试测试组件：我已经能够测试onOpenSharesModal()正在调用的组件，但我想测试它是否以modal模板变量作为参数调用。我怎样才能做到这一点？

我想自定义 ngx-bootstrap 日期选择器弹出窗口，并想在日历中添加一些链接的按钮。

我尝试在 datepicker 模板中添加按钮。它在其他页面中工作，但无法在 ngx-bootstrap 模式弹出窗口内的 datepicker 模板中看到添加的自定义内容。

我得到了从这里添加自定义模板的参考。

在这里，我在模式弹出窗口内外添加自定义日期选择器的运行 stackblitz 代码。