问题标签 [ng-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 投票
0 回答
20 浏览

angular - 在入口组件中使用指令

我有一个模式组件,它使用在我的共享模块中声明的指令。当我处于“开发模式”工作时,我没有任何错误,但是当我尝试编译它时,出现以下错误:

无法绑定到“剪贴板”,因为它不是“a”的已知属性

我的 sharedModule 应该将剪贴板指令导出到我的 entryComponent LogsModalComponent?

我的共享模块

和我的 entryComponent 的另一个模块,称为 LogsModalModule

LogsModalComponent

我以这种方式使用我的模态

声明 OrderDetailsInfoComponent 的模块

包.json

0 投票
1 回答
106 浏览

angular - ngFor 与 ngBootstrap NgbModal 打开 - Angular Bootstrap

我在循环open()内渲染的项目中调用 NgbModal 时遇到问题*ngFor

我有一个要显示的项目列表。在click上述项目中,我希望打开一个模式以提示用户提供一些附加信息。

单击该项目时,我可以看到元素通过 DevTools 添加到 DOM,但模态没有show添加类。应该呈现为模态内容的组件也未正确初始化。如果我show手动将类添加到它,我可以看到模式的内容,但组件不能正常工作。

重要的是要注意,为了测试,我添加了一个订阅点击事件的按钮,它将一个假项目传递给相同的函数,setSelected(). 这种打开模式的方法没有问题。该问题仅在*ngFor.

我有一个console.loginside of ConnectionModalComponent's (作为模态的内容传递)构造函数和另一个 in it's ngAfterViewInit. 通过外部的按钮激活模式时*ngFor,我在控制台中看到两个日志语句,但是当从内部激活模式时,*ngFor我只看到构造函数的日志语句而不是后者。

我正在使用@angular/core@12.1.2& @ng-bootstrap/ng-bootstrap@10.0.0

testComponent.html.ts - 具有 *ngFor 的组件

testComponent.component.ts - 从 HTML 模板调用的函数。

testAlert.service.ts - 从组件调用以打开 NgbModal 的服务。

0 投票
0 回答
49 浏览

ng-bootstrap - 如何从左侧或右侧打开 ng-bootstrap 模态?

我想让 ng-bootstrap 模态获取完整的窗口高度并像侧边栏一样从左侧或右侧打开它?这意味着它应该左对齐或右对齐。

我怎样才能做到这一点?

0 投票
0 回答
18 浏览

ng-bootstrap - Ng Bootstrap 模态黑暗模型

如何附加bg-dark到 ng-bootstrap 中的 modal-content 类?

我查看了他们的Modal Documation,发现他们有 3 个与 classes 相关的类属性modalDialogClasswindowClass并且backdropClass没有一个将类附加到div.modal-content.