问题标签 [ngx-bootstrap-modal]

我可能无法将 ngx-bootstrap 安装到我的 angular 4 项目中，因此无法使用预定义的模板。我已经通过以下两个链接安装 ngx-bootstrap，请指导我正确的方法。

https://valor-software.com/ngx-bootstrap/#/getting-started

https://loiane.com/2017/08/how-to-add-bootstrap-to-an-angular-cli-project/

我正在尝试在我的项目中实现模态表单。

在链接中，如果我单击第一个按钮 (Hello2)，请在输入中输入内容，然后关闭模式。当我再次单击第一个按钮时，一切都保持原样（因为未初始化模式页面）。如果我单击第二个按钮（ngOnInit Sample），一切都会按我的预期工作。

但是，如果您签app.component.html入第二个示例，则几乎大部分代码都是用app.component.html. 我想在第一个样本 ( <hello2 #hello2Comp name="{{ name }}"></hello2>) 中使用 like，但希望像第二个样本一样工作。在每个打开/显示表单中重新初始化我的表单。

我在一个项目中使用 ngx-bootstrap 模式，该模式在页面上显示足够多，内容垂直滚动。每当打开模式时，文档正文都会滚动到顶部，而不是单独离开该位置，这是预期的行为。

我可以overflow: auto在开发控制台中手动设置主体来解决此问题。也就是说，一旦设置，打开模式不再滚动到文档正文的顶部。但是，将此 css 添加到我的组件并不适用于正文。更改 node_modules 文件夹中的引导 css 文件也不起作用。Bootstrap 继续设置overflow: hidden，我的组件 css 文件不适用body { overflow: auto !important; }，尽管它确实成功应用了其他定义的样式。

有什么建议么？

最近我将一个 ASP.NET Core 2.0 Angular 应用程序转换为 ASP.NET Core 2.1（后来使用了angular/cli应用程序）。在以前的版本中，我有一些使用 ngx-bootstrap 构建的模态组件，它们工作正常。但是在转换之后，这些组件停止工作并开始抛出这个错误 -

未找到 {component} 的组件工厂。你把它添加到@NgModule.entryComponents 了吗？

我在 app.module.ts 文件中添加了以下内容 -

在我的MySubModule——

即使我已经定义了我的入口组件，它也会抛出这个错误。任何人都可以提出任何解决方案吗？

我正在尝试使用 BsModalService 为应用程序创建一个通用模式组件。该组件将有不同的方法，其中包含不同的标题和配置。并且可以从任何其他组件中使用。

模态组件 ts 文件。

html。

在其他一些组件中使用。其他.component.ts

单击其他组件中的 removeDetails 时，我可以获得确认模式，但是在关闭它时会抛出错误 this.modalRef is undefined; 有人可以帮我解决这个问题吗，如果我的方法是正确的，可以隔离我的 modalComponent 和其他组件。**

我有一个 ngx 引导模式，目前可以工作，并打开一个详细列表页面，其中包含我的每个列表的特定数据。但是，我想使用路由，以便可以通过直接 url 打开我的列表模式，并根据它的 id 填充列表特定的详细信息。例如 .../listings/listing/50 将打开列表模式并填充列表 id 50 的详细信息。

目前我什至无法通过直接 url 打开任何模式。

目前我通过点击链接打开每个模式

和我的 ListingService

此外，我目前也正在使用 HttpClient 从我的数据库中获取我的所有列表

我们的应用程序中有一个标准模式。

我们希望能够传入一个自定义组件作为我们的 body。ngx bootstrap 有没有办法做到这一点？

模态似乎出现在主要内容之外，因此我们无法使用 ViewChild 找到它。

我们使用模态服务调用它。像这样：-

我已将 ngx Bootstrap 安装到我的 Angular 应用程序中以使用日期选择器

现在我在运行 Angular 应用程序时遇到错误

我将错误的详细信息放在下面

多错误 ../node_modules/bootstrap/dist/css/bootstrap.min.css ../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css ./src/styles.css

未找到模块：错误：无法解析 '/Users/user/Projects/CRUD' 中的 '/Users/user/Projects/node_modules/bootstrap/dist/css/bootstrap.min.css' 多个 ../node_modules 中的错误/bootstrap/dist/css/bootstrap.min.css ../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css ./src/styles.css

找不到模块：错误：无法解析“/Users/user/Projects/CRUD”中的“/Users/user/Projects/node_modules/ngx-bootstrap/datepicker/bs-datepicker.css”

我将 angular.json 文件代码放在下面

Package.json 代码 - ：

当我尝试将 ngx-bootstrap 模态与 angular Universal 一起使用时，我收到此错误

有没有人修复或遇到过这个错误？

我目前正在使用角度版本 6.1.3

我正在使用 ngx-bootstrap 的 (3.0.1) ModalService 来显示一个包含组件的模式对话框

我的单元测试中有这个（开玩笑的）

顽固的错误告诉我无法解析 BsModalService 的所有参数：（？，？）。我能找到的答案是提到缺少合适的@Injectable()装饰器，但这显然超出了我的控制范围，而且它是无关紧要和误导的——装饰器存在于 ngx-bootstrap 的源代码中。

我尝试从包中显式提供所有组件和服务（而不是 ModuleWithProviders，但这也无济于事。

缺乏想法。

更新 1

尝试评论进出

在 plyfills.ts 中。似乎没关系。除非有一个与我失踪相关的 Jest 配置设置？