Сравните валидацию между полями в formGroup в угловых реактивных формах - PullRequest
Новая
       60

Сравните валидацию между полями в formGroup в угловых реактивных формах

0 голосов
/ 01 января 2019

Я пытаюсь создать регистрационную форму, которая содержит поля password и verifyPassword, я использовал угловые реактивные формы и я использовал проверки пакета @rxweb Я использовал кросс-поле formGroup Я использовал сравнение проверки из RxwebValidators

Вот мой код component.ts: 

export class RegisterComponent implements OnInit {
  form: FormGroup;
  password = new FormControl("", [RxwebValidators.required()]);
  ConfirmPassword = new FormControl("", [RxwebValidators.compare({fieldName:'password '});

  constructor(private fb: FormBuilder) {
  }

  ngOnInit() {
    this.form = this.fb.group({
      "password": this.password,
      "ConfirmPassword ": this.ConfirmPassword 
    });
  }

У меня нет решения, как двигаться дальше в этом

1 Ответ

0 голосов
/ 01 января 2019

Я думаю, что у вас есть некоторые проблемы с синтаксисом в вашем коде, следующий код работает как шарм 

  form:FormGroup;

   constructor(private fb:FormBuilder){}

   ngOnInit(){
     this.form = this.fb.group({
        password : ['', RxwebValidators.required()],
        confirmPassword: ['', RxwebValidators.compare({fieldName:'password'})]
     });
   }

и темп 

<form id="passwordInputForm" [formGroup]="form">
  <label for="password" >password:</label><input id="password" type="password" formControlName="password">
  <br/>
  <label for="confirmPassword" >confirm password:</label><input id="confirmPassword" type="password" formControlName="confirmPassword">
  <button type="submit" [disabled]="!form.valid">Submit</button>
</form>
...