Uncaught TypeError: Невозможно прочитать свойство 'value' из null в ионно-реактивной форме - PullRequest
0 голосов
/ 09 июня 2018

Я работаю в ионном проекте.при использовании пользовательской проверки угловой реактивной формы. Выдается ошибка Uncaught TypeError: Невозможно прочитать свойство 'value' со значением null

     this.signup = this.formBuilder.group({
          name: ['', Validators.compose([Validators.required, ValidateName])],
          email: ['', Validators.compose([Validators.required, ValidateEmail])],
          mobile: [
            '',
            Validators.compose([
              Validators.required,
              Validators.minLength(10),
              Validators.maxLength(15),
              ValidateMobile
            ])
          ],
          password: [
            '2',
            Validators.compose([Validators.required, Validators.minLength(6)])
          ],
          cpassword: [
            '1',
            Validators.compose([
              Validators.required,
              Validators.minLength(6),
              passwordValidat.bind(this)
            ])
          ]
        });
      }

   passwordValidat(control: AbstractControl) {
    if (control.get('password').value === control.get('cpassword').value) {
      return { invalid: true };
    }
    return { validUrl: true };
  }

, когда я пытаюсь запустить этот код, получая ошибку, подобную этой

core.js: 1449 ОШИБКА Ошибка: Uncaught (в обещании): TypeError: Невозможно прочитать свойство 'value' со значением null TypeError: Невозможно прочитать свойство 'value' со значением null в RegistrationPage.webpackJsonp.169.SignupPage.passwordValidat (signup.ts: 71) at forms.js: 759

1 Ответ

0 голосов
/ 09 июня 2018
passwordValidat(control: AbstractControl) {
    const  pwd = control.get('password');
    const cpwd = control.get('cpassword');

    console.log('pwd: ', pwd);
    console.log('cpwd: ', cpwd);

    if(pwd && cpwd) {

          if( pwd.value === cpwd.value ) {
              return { invalid: true };
          }
              return { validUrl: true };
          }

    } else {
        return { invalid: true };
    }

}
...