问题标签 [ngx-modal]

我正在尝试在我的角度应用程序中实现模态形式。我的代码看起来不错，因为我没有看到任何错误。我已经将 ngx-modal 安装到我的应用程序中，并且我还在ModalModule我的app.module.ts文件中导入了 ngx-modal。模态表单没有响应的原因可能是什么？

app.module.ts

我正在尝试使用 ngx-module 实现一个窗口模式，但是当打开窗口时它停留在背景中并且屏幕被禁用。

这是我的代码：

图片

不透明度：0

谢谢。

我有一个页面，里面有 ckeditor。我使用 ng2-ckeditor 和 ngx-modal。这是我的模板：

我的情况是尝试覆盖 ckeditor 的图像对话框。所以在我的组件中我会这样做：

一切正常，除非我单击 ckeditor 工具栏中的图像按钮。它将调用函数onUploadImage()但是this.uploadModal是undefined. 如果我们尝试this.uploadModal在函数中打印输出，ngAfterViewInit()它会给出正确的值，我们可以在那里打开对话框。

我如何处理函数中的打开对话框onUploadImage？预先感谢。

我正在尝试在 Angular 2 中本地扩展现有的工作组件。我没有得到任何真正有用的指示来说明问题是什么，没有错误等。

所以我修改了一个现有的 plunker ( https://plnkr.co/edit/8x34JbEhYdVms4iYLRvM?p=preview )，它有一个 ngx-modal 工作的例子。

（我正在尝试正确使用这种技术，所以它是 ngx-modal 并不重要，它恰好是我发现一个很好的 plunker 的技术。）

我添加了一个扩展其他组件的新组件...
ngx-modal.component.ts

我用app.ts包装了现有的模式

并注册了组件：

ETC...

在此之后，plunker 不会运行......！

我的扩展 Plunker-不工作

This plunker should open up a modal when the button is pressed. I have extended the existing ngx-modal but it throws error: Cannot read property 'nativeElement' of undefined.

Having looked at the console this is because "modalRoot" should be programatically assigned as a ViewChild handler for the modal. It doesn't seem to get defined when extended even though I've added the super() to my constructor, any ideas?

Plunker that shows issue

Plunker 示例

我已经在 Ngx-Modal 代码周围放置了一个包装器，因此我可以将一些代码应用于所有 ngx-modals。我还碰巧注意到，当键盘选项卡允许您在模态之外使用时，有人知道如何解决这个问题吗？我在那里放置了一个 keydown 事件来捕获尝试并限制状态......

I am using ngx-modal, and when I trigger the modal dialog it appears stuck in the overlay and is unresponsive. I suspect it has something to do with the z-index. How do fix it?

当用户单击删除按钮时，我在桌子上有一个删除按钮，基本上我想要求用户确认删除。如果使用单击是，我需要拨打服务电话。我在拨打服务电话时遇到问题。下面是我的代码，我也附上了错误。

我正在尝试创建一个登录对话框，该对话框应在成功登录时关闭

我已经创建了登录组件，这是它的 html

如何获取对 html 中定义的模式的引用，以便我可以关闭模​​式对话框？

我正在使用 ngx-modal 创建对话框，下面是 html 中的代码

这是我的 ts 文件中的代码

但我越来越不确定。请建议

添加了组件代码，这里我尝试访问控制台中的数据。

//getEmp 是一个服务调用，用于从 api
getEmp() {

还更新了提交