如何在一个地方加载多个组件,但数据不应更改哪个用户输入

问题描述 投票:0回答:1

我有3个组件PersonalInfoComponentEducationalInfoComponentExperienceComponent。我在ResumeComponent加载所有这些组件。

当用户使用PersonalInfoComponent中的表单输入一些信息并转到EducationalInfoComponent并再次点击PersonalInfoComponent时,数据正在刷新,因为每次都会加载Components并重置表单。

我需要,用户只需填写每个组件中的所有信息,并一键提交所有数据。

提前致谢。

angular typescript angular-ui-router angularjs-scope angular2-routing
1个回答
0
投票

在ResumeComponent中初始化三个变量personalInfo,educationalInfo和experienceInfo,并将它们分别作为输入传递给PersonalInfoComponent,EducationalInfoComponent和ExperienceComponent。将表单数据存储在这些变量中的子组件中,并将每个组件的ngDestroy存储在您发出事件以将该数据发送到父组件(ResumeComponent)并更新父组件中的变量。如果这样做,那么即使您从一个组件移动到另一个组件,您的数据也不会丢失。我希望我的回答很有帮助。 :)

© www.soinside.com 2019 - 2024. All rights reserved.