我的反应形式即将完成。至少这是基本逻辑。我只有一个问题。根据任务，我需要使用用户输入的先前数据来设置所有输入，如果这些数据当然存在的话。如果切换了组件，则应保留，存储和呈现数据。我设法将所有数据保存到组件中的对象中，但是在页面刷新之后，所有内容都消失了。 我该如何解决这个问题？

我的代码如下：

    import { Component,OnInit,ViewChild,ElementRef } from '@angular/core';
    import { FormGroup,FormControl,FormArray,Validators } from '@angular/forms';

    @Component({
      selector: 'app-form',templateUrl: './form.component.html',styleUrls: ['./form.component.scss']
    })
    export class FormComponent implements OnInit {
      signUpForm: FormGroup;
      countries = [
        new FormControl('USA'),new FormControl('India')
      ];

      savedForm: {
        city: string,code: number,country: string,email: string,firstName: string,id: string,lastName: string,phone: number,state: string;
      }

      statesUSA = [new FormControl('New York'),new FormControl('California')];
      statesIndia = [new FormControl('Andhra Pradesh'),new FormControl('goa')]

      citiesnY = [new FormControl('Albany'),new FormControl('New York City')];
      citiesCali = [new FormControl('Sacramento'),new FormControl('Los Angeles'),new FormControl('San Francisco')];
      citiesAndhra = [new FormControl('Visakhapatnam'),new FormControl('Amaravati')];
      citiesgoa = [new FormControl('Panaji'),new FormControl('Vasco da Gama')];

      @ViewChild('phoneInput',{static: false}) phoneInput: ElementRef;
      public mask:any = {
        mask: '+{38}(0__)000-00-00',lazy: false
      }

      constructor() { }

      ngOnInit() {
        this.signUpForm = new FormGroup({
          'firstName': new FormControl(null,[Validators.required,Validators.pattern(/^[а-яА-ЯёЁіІїЇ]{2,32}$/iu)]),'email': new FormControl(null,Validators.email,Validators.pattern(/^\S{2,255}@\S+\.\S+$/iu)]),'country': new FormControl(null,Validators.required),'phone': new FormControl(null),'lastName': new FormControl(null,'id': new FormControl(null,Validators.pattern(/\b[A-Za-z_]{5,30}\b/)]),'state': new FormControl(null,'city': new FormControl(null,'code': new FormControl(null,[Validators.pattern(/\b[A-Za-z_0-9]{1,10}\b/)])
        });

        this.signUpForm.setvalue(this.savedForm);
      }


      onBlur(blur: boolean) {

      }

      onSubmit() {
        if(this.signUpForm.status === 'VALID') {
          this.

savedForm = this.signUpForm.value;
      console.log(this.savedForm);
    }
  }

  onReset() {

  }

  onChange() {
   (<FormGroup>this.signUpForm.get('state').value) = null;
   (<FormGroup>this.signUpForm.get('city').value) = null;
  }

  onOpen(controlName: string) {
  }
}