0

我的注册组件中的这段代码

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: ['', Validators.required],
      LoginEMail: ['', Validators.required],
      MobileNumber: ['', Validators.required],
      Birthdate: ['', Validators.required],
      GenderLID: ['', Validators.required],
      CityGUID: ['', Validators.required],
      CountryGUID: ['', Validators.required],
    })

    }

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

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

我希望相同的表单位于帐户设置组件中，它看起来像：部分具有提交的寄存器的值，看起来像普通文本帐户设置组件，并且按钮打开的弹出窗口在其输入中有一个表单，在编辑信息模式中的数据值在帐户设置组件中打开的

4

1 回答 1

0

你可以给这个寄存器组件的选择器，像这样：

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

<app-register></app-register>

这将在您的其他组件中加载注册组件。

于 2020-09-10T09:50:53.317 回答