模态表单初始化/重新渲染
Modal Form Init / Re Render
我正在尝试在我的项目中实现模态表单。
在 link 中，如果我单击第一个按钮 (Hello2)，请在输入中键入内容，然后关闭模式。当我再次单击第一个按钮时，一切都保持第一次不变（因为模态页面未初始化）。
如果我单击第二个按钮 (ngOnInit Sample)，一切都会按预期进行。
但是如果你检查第二个示例中的 app.component.html，几乎大部分代码都是用 app.component.html 编写的。我想在第一个示例 (<hello2 #hello2Comp name="{{ name }}"></hello2>) 中使用，但希望像第二个示例一样工作。在每个 open/show 表格中重新初始化我的表格。
在 Hello2 模型中，单击关闭按钮时，您只删除了模态主体，因此 input1Model仍然保留您提供的输入，因此无论何时呈现模态主体，它都会呈现。
但在其他情况下，每次 HelloComponent 都在初始化，因此 HelloComponent 中的 input1Model 也会被初始化。
因此，如果您想在 Hello2Component 中重置，只需将 hideModal() 方法中的变量重置为 this.input1Model = null。如果是表单，可以调用表单初始化块。
其他方法（如评论中所述）
Edited_link
我正在尝试在我的项目中实现模态表单。
在 link 中，如果我单击第一个按钮 (Hello2)，请在输入中键入内容，然后关闭模式。当我再次单击第一个按钮时，一切都保持第一次不变（因为模态页面未初始化）。 如果我单击第二个按钮 (ngOnInit Sample)，一切都会按预期进行。
但是如果你检查第二个示例中的 app.component.html，几乎大部分代码都是用 app.component.html 编写的。我想在第一个示例 (<hello2 #hello2Comp name="{{ name }}"></hello2>) 中使用，但希望像第二个示例一样工作。在每个 open/show 表格中重新初始化我的表格。
在 Hello2 模型中，单击关闭按钮时，您只删除了模态主体，因此 input1Model仍然保留您提供的输入，因此无论何时呈现模态主体，它都会呈现。
但在其他情况下，每次 HelloComponent 都在初始化，因此 HelloComponent 中的 input1Model 也会被初始化。
因此，如果您想在 Hello2Component 中重置，只需将 hideModal() 方法中的变量重置为 this.input1Model = null。如果是表单，可以调用表单初始化块。
其他方法（如评论中所述） Edited_link