仅在对表格进行角度更改后才能调用对话

Question

我有一个名为add-customer的组件，单击名为dialogue window的按钮后，它显示在add中，如下图所示。

在add-customer中有两个按钮1)Save和2)Cancel。在单击cancel时，我在另一个delete中调用了一个名为dialogue window的组件如下图所示

此方案适用于此情况，但只有在delete中进行任何更改，我才想在dialogue window中调用此registration form组件（我，在添加客户组件）。我如何为此写条件？ 这是stackblitz链接

Answer 1

在AddCustomerComponent的{​​{1}}方法中，检查表单是否为openDialog并仅在这种情况下打开模型。如果dirty不是addCusForm，则可以简单地在dirty上调用closeAll方法，以便直接关闭模式：

dialog

这里是Updated StackBlitz供您参考。

Answer 2

尝试检查表格中的原始或肮脏财产。

像这样。

<form (ngSubmit)="onSubmit()" #myForm="ngForm">

在组件中

myForm.form.pristine