用angular成功登录后，如何返回表单页面（用户输入的表单数据）？

Question

我有表单，用户可以填写数据并提交表单，它应检查用户是否经过身份验证，如果不是，则应将其重定向到登录页面，成功登录后，他应该再次被带回表单页面，保留所有表单数据。有角度4+可能吗？任何建议或想法都会有所帮助

Answer 1

是的，这是可能的。您必须在服务或浏览器存储中预先提供表单数据（会话存储可用于此目的）。

在表单组件中。

public ngOninit(): void {
  const formValue = this.dataService.getFormValue();
  if(formValue) {
    this.form.patchValue(formValue) // or you can use setValue
  }
}

public onSubmit(): void {
   if(this.form.invalid) {
      return;
   }
   this.dataService.setFormValue(this.form.value);
}

在您的服务中

private fromValue: any;

public setFormValue(value): void {
   this.formValue = value;
}

public getFormValue(): any {
  return this.formValue;
}

将您的服务添加到模块。