html - 在 Angular 中提交表单后在不同的组件中显示表单输入数据

标签 html css node.js angular typescript

我构建了一个包含表单 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/

相关文章:

javascript - Mongoose 填充未定义的字段

html - 如何选择具有相同类的连续元素?

html - 水平列表给我很多问题

html - Flexbox 行不起作用,强制列布局

javascript - 在 Angular 中使用 Rxjs 更新来自不同 Json 源的 Json 中的数据

javascript - 如何使用underscore.js对文本混合数字进行排序

jquery - 关于轮播或与 <div> 点击和动画交互相关的建议

javascript - 页面刷新后输入的值(css)消失了

css - 单击元素时仅关注 contenteditable?

javascript - 如何在 html 页面的其他内容上显示一个 div?