问题标签 [ng-bootstrap-modal]

我目前在 Angular 应用程序中使用自定义主题，我需要在ngb -modal-window内部的“ .modal-dialog ”容器中附加一个额外的 css 类。

根据文档（https://ng-bootstrap.github.io/#/components/modal/api），只能通过以下方式为ngb-modal-window本身传递一个类：

有没有办法在不使用 jQuery 的情况下将类传递给“ .modal-dialog ”容器？

我正在更新我的角度项目以使用角度 9。在角度 8 中，我使用的是ng5-bootstrap-modal，但现在出现错误：

node_modules/ng5-bootstrap-modal/dist/bootstrap-modal.module.d.ts:4:22 中的错误

• 错误 NG6002：出现在 SharedModule 的 NgModule.imports 中，但无法解析为 NgModule 类。

这可能意味着声明 BootstrapModalModule 的库（ng5-bootstrap-modal）没有被 ngcc 正确处理，或者与 Angular Ivy 不兼容。检查是否有更新版本的库可用，如果有则更新。还可以考虑与图书馆的作者核实，看看图书馆是否应该与 Ivy 兼容。

有没有人面临同样的问题？

我在Angular 9 项目中加载两个模式（ openModalEdit和openModalDetail方法）时遇到问题。当我打开它时，它会自动导航到根路由。

我在同一个组件中有另一个模态实例（openModalCreate方法），显然两者都是相同的，只改变了几个参数，如模态标题，但第一个导航，另一个保持在模态中。

您会看到在导航移动到根路由之前出现的模态，并且模态组件的 OnInit 方法没有任何代码，因此模态组件没有任何可以在任何点引发导航的功能。

我的引导安装版本是“@ng-bootstrap/ng-bootstrap”：“^6.0.3”。

有谁知道如何防止 NgbModal 加载导航？

代码隐藏：

HTML

抱歉，我是 Angular2 新手，但在尝试使用 ng-bootstrap ngbModal 时遇到“没有 ComponentFactoryResolver 的提供者”。我知道从 v8.0 开始没有forRoot()选择。所以真的对这个错误感到困惑。

我在我的项目中使用引导模式窗口。当模态窗口打开时，body 会自动向下滚动。如何摆脱它？我使用 BsModalRef

我将 ng-bootstrap 5.3.1 与 Angular 8 和 bootstrap 4.3.1 一起使用。基本屏幕（视图）调用包含一个按钮的模态（Modal1）。单击按钮时，应在同一模式窗口中打开另一个模式 (modal2)。模态被作为组件传递。

第一个模态打开正常，但单击第二个按钮时返回以下错误：“未找到 modal2component 的组件工厂。您是否将其添加到 @NgModule.entryComponents？”

我为他们创建了 module.ts 并尝试定义 entrycomponents 但没有任何效果。任何帮助将不胜感激。

代码： app.module.ts

视图.module.ts

编辑qual.module.ts

addqual.module.ts

view.component.html

编辑qual.component.html

addqual.component.html

view.component.ts

编辑qual.component.ts

我有一个组件，我在其中单击按钮 将显示模态 NgbModal，但我想在单击信息按钮之前显示带有 URL 图片的模态

点击后的图片

我不知道怎么做，也找不到信息。

我正在使用NgbModal处理模态的 Angular 应用程序。我对如何正确关闭使用此组件实现的模态有一些疑问（直到现在我一直使用 PrimeNg 而不是ng-bootstrap）。

基本上我已经这样做了（而且它似乎工作正常）：在我的 TypeScript 代码中，我有这样的东西：

基本上，当提交帖子时会调用此方法。setAddress()方法将表单值保存在数据库中（调用另一个服务方法）。然后模态被关闭。它似乎工作正常，但我有以下疑问：

正如您所看到的，为了关闭我的模式，我使用了这个dismissAll()方法。检查文档：https ://ng-bootstrap.github.io/#/components/modal/api

它还表示我不能在我的代码上使用的close()方法。试：

IDE 对我说：

类型“NgbModal”.ts(2339) 上不存在属性“关闭”

为什么在官方文档中我有这个方法但在我的代码中没有？第一个使用的方法（dismissAll()）是否正确？它正在工作，但我对方法名称中的“全部”有一些疑问。为什么是“全部”？它让我认为它正在关闭所有模式，而不仅仅是一个模式（在我的页面中的用例中，只有一个模式，所以它无所谓，但我不确定我是否正在实施正确的逻辑来关闭我的模态）

我正在尝试创建一个包含多个用户数据的应用程序。我必须为每个用户创建 6 个模式，他们可以从中访问他们的数据。假设用户 1 有 6 个名为 - ABCDEF 的模态，那么

单击 A 时，应打开登录模式。

点击B，注册模式应该打开

并且所有这些模式对于所有用户都是不同的。

我尝试为用户创建不同的方法，但这不起作用。因为我将不得不为所有用户创建 6 种方法，并且与模式相同。因此，对于 1 个用户，我将必须创建 6 个模态，然后再为第 2 个用户创建另外 6 个模态，依此类推。

有没有更好的方法呢？

我创建了一个StackBlitz来展示我所做的

我在我的角度项目中打开了多个模式。我制作了一个模态组件作为内容的包装器。现在我想关闭活动模式而不是关闭所有模式。所以dismissAll需要被替换。我想使用NgbActiveModal但是一旦我将它添加到构造函数中就会出现错误。

出现在浏览器中的错误消息

错误错误：未捕获（承诺）：NullInjectorError：R3InjectorError（AppModule）[NgbActiveModal-> NgbActiveModal-> NgbActiveModal]：NullInjectorError：没有NgbActiveModal的提供者！NullInjectorError: R3InjectorError(AppModule)[NgbActiveModal -> NgbActiveModal -> NgbActiveModal]: NullInjectorError: NgbActiveModal 没有提供者！

如何解决这个问题？

我的代码