问题标签 [ngx-modal]

我正在使用 ngx-Modal，并且我在模态中有一个表单。

问题是，我需要在提交表单后关闭模式，但我只能提交表单，或者关闭表单，不能同时关闭。

我尝试在标签中使用 (onClose)="modalName.close()，并使用提交按钮调用我的提交方法，并使用 (click)="...."，但模式不会关闭。我还尝试将其切换到调用 modalName.close() 的提交按钮，但随后表单未提交..

有没有办法将 .close() 方法添加到我的 ts 文件中的提交方法中？

使用 Angular5 和打字稿，谢谢！

我正在尝试在我的 Angular 应用程序中使用ngx-smart-modal在click. 我目前面临的问题是，一旦加载了组件视图，模式就会在加载时显示。

在文档中，指定"autostart" =false在组件初始化时不加载模式，但这似乎不起作用

这是我的模板视图

我无法在构造函数或ngOnit生命周期挂钩中获取处理程序，并且只能在 中获取处理程序，ngAfterViewInit()并且到那时模态被加载。

控制台日志给了我错误，但模式在加载时显示。我尝试在 after view init 钩子中关闭它，但在加载时关闭模态窗口仍有一秒钟的延迟，这可以看出。

非常感谢你们的任何帮助。

目前，我正在尝试添加具有子组件的动态选项卡，在子组件中，有几个ngx-smart-modal模型。我可以创建带有关闭按钮的动态选项卡。当有多个选项卡时，就会出现问题。

问题

实例 1：我在第一个动态创建的选项卡上，我尝试单击自定义组件中存在的模型，模型在动态创建的选项卡的最后一个选项卡中弹出。（带有最后的组件详细信息和不需要的组件详细信息）

实例 2：如果它只有一个动态创建的模型，那么它工作得很好。

代码

HTML

app-child-component里面有几个模型。

应用子组件 (HTML)

TS（父组件）

on 父组件中的文档点击操作

另外，我正在通过更改选项卡来更改选项卡索引号。

有什么我做错了吗？非常欢迎提出建议。

堆栈闪电战：

https://stackblitz.com/edit/angular-uy3kf5

我从 ngx-bootstrap modal 1. Modal 2. iFrame modal 3. Alertbox modal 开发了三个不同的组件

我只是在这些组件中传递模板并渲染它。

但是当我在单个模板中使用任意两个时问题就来了。共享相同的实例。因此，当我隐藏一个模态时，隐藏的其他模态输出也会触发。

我认为这是由于相同的 BsModalService 服务利用率。那么有什么解决方案吗？

我试图通过从应用程序中的任何位置输入登录详细信息来让用户继续他们离开的地方，但是，我没有令牌或刷新令牌，后端使用session cookie.

到目前为止，这是我尝试做的但没有成功的事情，使用HttpInterceptor，一旦响应为 401 我会显示一个 modal using ngx-bootstrap modal service。

上面的部分相对有效，现在我不确定如何才能service/intercept请求失败的相同请求。

我试图在没有拦截器的情况下做同样的事情，但没有运气。

任何想法或例子都会很棒。

更新：我仍然无法让它工作retryWhen并没有帮助

我认为是因为在 the 之后第一个请求被取消订阅401并next.handle()没有做任何事情

我正在尝试在单击角度表中的一系列时启动 ngx-modaltr并传递 ngx-modal 必须使用的数据。对于每个 cicked tr，模态必须传入不同的值。

这是启动模式的“主”.ts 组件中的方法：

在主模板中，方法“openModal(dummyItem)”tr作为click事件使用 a附加到每一个*ngFor，因此对于每一行，模式都使用传入的不同数据启动，这样：

问题是我不知道如何在模态 .ts 文件中获取这些数据。

以下代码来自“DetlleFacturaPopUpComponent.ts”，它是从第一个启动的组件：

但当然，这失败了。“initialState”属性根本无法识别。我将它填充在主要的 .ts 中，但我无法弄清楚如何抓取和使用它。

我希望能够用传递给模态组件的变量“initialState”的属性值填充表单（模态的模板是一个表单），但我无法做到它......如果我至少可以控制台记录其中一个值，我可以制作我正在尝试开发的应用程序的其余部分。

您能帮我弄清楚如何使用传递给 ngx-modal 的数据吗？谢谢。

我能够收集initialState对象中传递的数据，例如在这段代码中：

并在 ClienteOlocalPopUpComponent.html 中插入其属性。

但是，如果我希望传递给模态的值const initialState是，比方说，在 ClienteOlocalPopUpComponent.ts 的方法中打印在控制台中ngOnInit()¿我怎样才能做到这一点？在模态的 .ts 文件中无法识别。

谢谢。

这是启动模式的组件的代码：

这是模态的 .ts ：

initialState被高亮显示，就好像它不存在一样，尽管它被传入了。

我正在尝试制作一个可以从同一个模态本身调用的可重用模态组件。

我如何配置组件和模式，以便当可重用组件打开时，旧实例将直接关闭？

下面是我的堆栈闪电战。

https://stackblitz.com/edit/angular-nested-component-modal-ngx-bootstrap-n

我有一个父组件并从此组件调用父模态。在父模态中，我想调用一个位于不同组件中的子模态。但是当单击按钮并触发事件以隐藏父项然后显示子 ngx boostrap 模态时，子模态也会关闭。如何在不同的组件中隐藏父模态以显示子模态？

在父组件html中；

在父组件 ts

在子组件 html 中：

在子组件 ts