0

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

在链接中，如果我单击第一个按钮 (Hello2)，请在输入中输入内容，然后关闭模式。当我再次单击第一个按钮时，一切都保持原样（因为未初始化模式页面）。如果我单击第二个按钮（ngOnInit Sample），一切都会按我的预期工作。

但是，如果您签app.component.html入第二个示例，则几乎大部分代码都是用app.component.html. 我想在第一个样本 ( <hello2 #hello2Comp name="{{ name }}"></hello2>) 中使用 like，但希望像第二个样本一样工作。在每个打开/显示表单中重新初始化我的表单。

4

1 回答 1

1

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

但在其他情况下，每次都HelloComponent在初始化，所以input1ModelinHelloComponent也在初始化。

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

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

于 2018-06-01T10:23:54.113 回答