问题标签 [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.
jquery - 如何在 BootstrapDialog.show({ }) 弹出窗口中传递参数
我正在使用 BootstrapDialog 来显示一个弹出窗口。我想传递一个参数。我正在使用数据属性。我的一段代码是:
我仍然无法$scope.ResourcePlanDetail.ResourcePlan.Name
在我的 HTML 中获得值。
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
angular - ngx-bootstrap 模式获取非单例服务实例的问题
我是 Angular 的新手,似乎已经为一些看起来应该很简单的事情陷入了困境。我在使用 ngx-bootstrap 模式对话框时遇到问题。我正在使用 ModalContentComponent 模式。
我有一个组件,它打开注入我的服务和 BSModalService 之一的模式,如下所示:
我使用以下内容从此组件打开模态:
我导入 ModalContentComponent 并将其添加到我的 app.module.ts 中的声明数组中。我也将我的服务仅在此级别标识为提供者。
为了让模态正常工作,我必须将 ModalContentComponent 添加到 app.module.ts entryComponents 数组中。一旦我这样做了,模式就会出现,一切似乎都正常。
但是,myService 服务并未被视为 Singleton。ModalContentComponent 正在获取自己的 MyService 服务实例。
如何让 ModalContentComponent 使用 myService 的单个共享实例?
我认为 entryComponents 包含导致附加服务实例出现问题,但没有它我无法让模式工作。
欢迎任何指点。
angular - 如何限制模态框中的 Tab 键?
当您单击 .btn 链接时,我会弹出一个模式窗口。
当它处于活动状态时,用户仍然可以按 Tab 键关注后台的链接和按钮,其中一些有下载链接。当这些链接被关注并且用户按下回车键时,下载操作就会发生。
有没有办法在模式窗口处于活动状态时禁用背景选项卡?
我正在使用以下版本:
https://valor-software.com/ngx-bootstrap/#/modals (V2.4),Angular CLI 1.6
angular - 如何向/从 ngx-bootstrap 模式传递和接收数据?
可以使用initialState将数据传递给模态,但是我怎样才能接收回数据呢?例如,如果我想创建一个确认对话框?
angular - ngx-bootstrap 模态删除正文滚动
上面的代码打开了我的模态。但是身体有一个需要移除的卷轴。我以某种方式发现modal-open
打开模式时该类未附加到正文标记。
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% 正确的
angular - 如何使用 show 触发模态
我正在使用this.myModal1.show()
&this.myModal2.show()
打开模式。但它总是触发myModal1
我的组件.ts
我的组件.html
javascript - Angular observable - 如何从订阅返回 true 或 false 到 observable
我有一个canDeactivate
应该返回true
或返回的函数false
。这可以通过调用openConfirmDialog()
函数的结果来确定,该函数会打开 ngx-bootstrap 模态“确认”对话框并等待用户响应(可能导致true
或false
)。这是代码:
从result
订阅到this.modalRef.content.onClose
正在工作。我可以成功登录true
或false
. 当结果变为要么true
或false
虽然,我如何返回 true
或false
作为值canDeactivate
?还是我错过了重点,我应该以不同的方式做事吗?
我的ConfirmationComponent
看起来像这样,它定义onClose
为Observable<boolean>
(特别是 a Subject<boolean>
),所以我可以成功返回一个布尔可观察对象,但是我如何让我canDeactivate
的返回true
或false
何时openConfirmDialog
收到 or 的true
值false
?
angular - ng-template 对话框中的 ngModel
在我的 Angular 5 控制器 HTML 中,我有一个简单ng-template
的,其中有一个表单,并且input
元素有一个ngModel
绑定。该模板的模态表单仅通过按钮事件显示,如下所示:
当我单击表单上的按钮并调用我的(click)
处理程序时,我不确定如何访问这些绑定值,因为它们似乎没有绑定到当前控制器。
所以模板有这样的东西:
但this.ar
在控制器中始终未定义。