如何在帐户设置组件弹出窗口中的弹出窗口中包含相同的注册表？

问题描述

此代码位于我的注册组件中

export class RegisterComponent implements OnInit {
registrationForm : FormGroup
  isSubmitted: boolean = false
  cities:any = []
  countries:any = []
  genders = [{id:'MALE',name:'Male'},{id:'FEMALE',name:'Female'}]

  constructor(private formBuilder: FormBuilder,public authService: AuthService,private router: Router,private route: ActivatedRoute) {}


  ngOnInit(){
    this.initForm()
    this.allCountries()
  }


  allCountries(){
    this.authService.getCountries().subscribe(
      data => {
        // this.
        console.log("register data",data);
        this.countries = data;

      }
      )
  }

  setCities(data) {

    console.log(data);
    let obj = this.countries.find(o => o.CountryGUID === data);
    this.cities = obj.cities

    console.log(obj)

  }

  
  initForm(){
    this.registrationForm = this.formBuilder.group({
      FirstName: ['',Validators.required],LastName: ['',LoginEMail: ['',MobileNumber: ['',Birthdate: ['',GenderLID: ['',CityGUID: ['',CountryGUID: ['',})

    }

    emailFormControl = new FormControl('',[
      Validators.required,Validators.email,]);
    matcher = new MyErrorStateMatcher();



    onSubmit(){
      console.log("is submitted");
      
      console.log(this.registrationForm.value);
      this.isSubmitted = true;
      
      if(this.registrationForm.invalid){
        console.log('invalid');
        return;
      }

      this.authService.register(this.registrationForm.value).subscribe(
        data => {
          console.log("login data",data);
        }
        )
        
      
        }
  }

如何在帐户设置组件弹出窗口内的弹出窗口中包含相同的注册表？如何在弹出窗口之外的帐户设置组件中查看数据？

我希望将相同的表单放入帐户设置组件中：部分具有提交的寄存器值，看起来像正常 文本帐户设置组件和按钮打开的弹出窗口具有一个表单 在其内部输入中，打开的edit-info模式中的数据值 在帐户设置组件中

解决方法

您可以给该寄存器组件的选择器，如下所示：

让我们假设您的注册组件选择器名称为app-register，因此在要显示相同注册表单的组件模板文件中，您必须添加此选择器。 示例：

<app-register></app-register>

这会将寄存器组件加载到您的其他组件中。