问题标签 [ngx-bootstrap-modal]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1282 浏览

jquery - 如何在 BootstrapDialog.show({ }) 弹出窗口中传递参数

我正在使用 BootstrapDialog 来显示一个弹出窗口。我想传递一个参数。我正在使用数据属性。我的一段代码是:

我仍然无法$scope.ResourcePlanDetail.ResourcePlan.Name在我的 HTML 中获得值。

0 投票
1 回答
1144 浏览

angular - ng build --prod 在本地工作,但在从 ngx-bootstrap 添加 Modal 后在远程服务器上失败

基本上就是标题:我ng build --prod在我的机器上运行并且它工作正常,但是当我在服务器上运行它时它失败了。这在我从 ngx-bootstrap 导入 Modal 后开始发生。我的服务器正在运行 Debian 9,而我的计算机正在运行 Windows 10。我不知道它会是什么,显然我是唯一一个遇到这个问题的人。如果有人可以帮助我,我将不胜感激。

服务器(Debian 9)版本:

本地(Windows 10)版本:

服务器输出ng build --prod

本地输出ng build --prod

我的app.module.ts

mapa.component.ts进口:(我使用模态的组件)

我的package.json(本地和服务器):

编辑以添加 package.json

0 投票
1 回答
636 浏览

angular - ngx-bootstrap 模式获取非单例服务实例的问题

我是 Angular 的新手,似乎已经为一些看起来应该很简单的事情陷入了困境。我在使用 ngx-bootstrap 模式对话框时遇到问题。我正在使用 ModalContentComponent 模式。

我有一个组件,它打开注入我的服务和 BSModalService 之一的模式,如下所示:

我使用以下内容从此组件打开模态:

我导入 ModalContentComponent 并将其添加到我的 app.module.ts 中的声明数组中。我也将我的服务仅在此级别标识为提供者。

为了让模态正常工作,我必须将 ModalContentComponent 添加到 app.module.ts entryComponents 数组中。一旦我这样做了,模式就会出现,一切似乎都正常。

但是,myService 服务并未被视为 Singleton。ModalContentComponent 正在获取自己的 MyService 服务实例。

如何让 ModalContentComponent 使用 myService 的单个共享实例?

我认为 entryComponents 包含导致附加服务实例出现问题,但没有它我无法让模式工作。

欢迎任何指点。

0 投票
2 回答
3114 浏览

angular - 如何限制模态框中的 Tab 键?

当您单击 .btn 链接时,我会弹出一个模式窗口。

当它处于活动状态时,用户仍然可以按 Tab 键关注后台的链接和按钮,其中一些有下载链接。当这些链接被关注并且用户按下回车键时,下载操作就会发生。

有没有办法在模式窗口处于活动状态时禁用背景选项卡?

我正在使用以下版本:

https://valor-software.com/ngx-bootstrap/#/modals (V2.4),Angular CLI 1.6

0 投票
1 回答
8585 浏览

angular - 如何向/从 ngx-bootstrap 模式传递和接收数据?

可以使用initialState将数据传递给模态,但是我怎样才能接收回数据呢?例如,如果我想创建一个确认对话框?

0 投票
1 回答
1097 浏览

angular - ngx-bootstrap 模态删除正文滚动

上面的代码打开了我的模态。但是身体有一个需要移除的卷轴。我以某种方式发现modal-open打开模式时该类未附加到正文标记。

0 投票
1 回答
1255 浏览

angular - Angular 5:如何在 ngx 引导模式中显示用户的详细信息?

我正在使用 angular 5 作为前端,spring boot 作为后端,在 clients.component.html 中,我得到了我的数据库 mysql 中存在的客户端列表。

我想要做的是只显示很少的信息,当用户单击名为“用户详细信息”的按钮时,他可以获得出现在 ngx bootstrap modal 中的其他信息。

这是 clients.component.html :

这是 client.component.ts

所以属性 pageClients 包含所有客户的所有信息,但在表中我只显示 id、firstname、lastname,所以我想在模态中显示特定客户的其余信息,如电子邮件、电话号码等。

编辑

模态是空的,但我做了 consol.log(this.pageClient) 并且我得到了正确的结果,知道吗?

这是我点击客户端 3 时得到的结果,实际上它不是 100% 正确的

0 投票
3 回答
1075 浏览

angular - 如何使用 show 触发模态

我正在使用this.myModal1.show()&this.myModal2.show()打开模式。但它总是触发myModal1

我的组件.ts

我的组件.html

0 投票
1 回答
3852 浏览

javascript - Angular observable - 如何从订阅返回 true 或 false 到 observable

我有一个canDeactivate应该返回true或返回的函数false。这可以通过调用openConfirmDialog()函数的结果来确定,该函数会打开 ngx-bootstrap 模态“确认”对话框并等待用户响应(可能导致truefalse)。这是代码:

result订阅到this.modalRef.content.onClose正在工作。我可以成功登录truefalse. 当结果变为要么truefalse虽然,我如何返回 truefalse作为值canDeactivate?还是我错过了重点,我应该以不同的方式做事吗?

我的ConfirmationComponent看起来像这样,它定义onCloseObservable<boolean>(特别是 a Subject<boolean>),所以我可以成功返回一个布尔可观察对象,但是我如何让我canDeactivate的返回truefalse何时openConfirmDialog收到 or 的truefalse

0 投票
0 回答
1802 浏览

angular - ng-template 对话框中的 ngModel

在我的 Angular 5 控制器 HTML 中,我有一个简单ng-template的,其中有一个表单,并且input元素有一个ngModel绑定。该模板的模态表单仅通过按钮事件显示,如下所示:

当我单击表单上的按钮并调用我的(click)处理程序时,我不确定如何访问这些绑定值,因为它们似乎没有绑定到当前控制器。

所以模板有这样的东西:

this.ar在控制器中始终未定义。