我构建了一个包含表单 View 和详细信息 View 的员工中心应用程序。填写表格并点击提交后,输入的数据应显示在详细信息 View 中。我使用 EmployeeService 将数据从表单传输到详细信息组件。问题是数据没有从表单组件传输到详细信息组件。任何人都可以建议我一些帮助吗?这是我的代码-
https://stackblitz.com/edit/angular-bnqqyc
P. S- 请不要在 STACKBLITZ 中 fork 代码
最佳答案
您需要使用 BehavioSubject 而不是 Subject,这样最后发出的值将对新订阅者可用(当您的员工详细信息组件被实例化时)。
此外,导航应该在表单提交处理之后执行,而不是在同一个按钮中,这样它就可以移到 onSubmit() 函数中。
看看改进后的 stackblitz,让我知道你的反馈: https://stackblitz.com/edit/angular-mmqqjk
关于html - 在 Angular 中提交表单后在不同的组件中显示表单输入数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58934771/