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

Question

我试图在我的项目中实现模态表单。

在link中，如果我单击第一个按钮（Hello2），在输入中键入内容然后关闭模态。当我再次单击第一个按钮时，所有内容都保持原样（因为模态页面未初始化）。 如果我点击第二个按钮（ngOnInit Sample），一切都按预期工作。

但是，如果您在第二个示例中检查app.component.html，则几乎大部分代码都是用app.component.html编写的。我想在第一个样本（<hello2 #hello2Comp name="{{ name }}"></hello2>）中使用，但希望像第二个样本一样工作。在每个开放/展示形式中重新开始我的表格。

Answer 1

在关闭按钮单击的Hello2模型中，您只删除模态体，因此input1Model仍然保持您提供的输入，因此无论何时渲染模态体，它都会渲染。

但在其他情况下，每次HelloComponent初始化时，input1Model中的HelloComponent也会初始化。

因此，如果要重置Hello2Component，只需将hideModal()方法中的变量重置为this.input1Model = null即可。如果是表单，可以调用表单初始化块。

其他方法（如评论中所述） Edited_link