Angular 模态形式初始化/重新渲染

我试图在我的项目中实现模态形式

在中，如果单击第一个按钮Hello2，请在输入中键入内容，然后关闭模式。当我再次单击第一个按钮时，所有内容都保持第一次的状态，因为模式页面未初始化。 如果我点击第二个按钮，它会像我预期的那样工作

---

但是，如果您在第二个示例中选中app.component.html，几乎大多数代码都是在app.component.html中编写的。我想在第一个示例中使用like，但希望像第二个示例一样工作。在每个打开/显示表单中重新初始化我的表单。

在Hello2模型的“关闭”按钮中，单击“仅删除模态体”，因此Input1Model将保留您提供的输入，因此无论何时渲染模态体，它都会被渲染

但在另一种情况下，每次HelloComponent初始化时，HelloComponent中的input1Model也会被初始化

因此，如果您想在Hello2Component中重置，只需在HideModel方法中将该变量重置为this.input1Model=null。对于表单，可以调用表单初始化块

评论中提到的其他方法

---

我想像HelloComponent一样初始化Hello22组件。我不想设置一个输入。我的表单上有太多的输入、下拉列表等，不可能将它们全部设置为null，设置值是不够的。由于副作用表单的验证状态未初始化，因此我想初始化Hello22组件。您可以通过抛出closeEvent并使用NgaAfterViewChecked life钩子显示modal来删除和呈现Hello22组件。在上面添加代码，就是这样。非常感谢。