angular - 使用角度成功登录后如何返回表单页面（用户输入表单数据）？

Question

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

标签： angular

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;
}

将您的服务添加到模块。