Passwords validation broken

[shayanhusaini]

Hi, I am using your extension for my project. My application broke when i use the passwords validation method in reset password page. Below is my code:

@Component({
  selector: 'app-resetpassword',
  templateUrl: './resetpassword.component.html',
  styleUrls: ['./resetpassword.component.css']
})
export class ResetpasswordComponent implements OnInit {
  public resetPasswordForm: FormGroup;
  public resetToken: string = '';
  public sub: any = {};

  constructor(private _fb: FormBuilder, private route: ActivatedRoute, private router: Router) { }

  ngOnInit() {
    this.sub = this.route.queryParams.subscribe(params => {
        this.resetToken = params['resetToken'] || '';
      });
    this.initializeForm();
  }

  save(data, valid) {}

  ngOnDestroy() {
    this.sub.unsubscribe();
  }

  private initializeForm() {

    this.resetPasswordForm = this._fb.group({
      password: ['', [ValidationExtensions.required(), ValidationExtensions.passwords()]],
      confirm_password: ['', [ValidationExtensions.required(), ValidationExtensions.passwords()]]
    });
  }

}

I got the following error:

[d-kostov-dev]

Hi shayanhusaini.

The passwords validation should be used on a group not on control.

         this.password = this.formBuilder.control('', [
            ValidationExtensions.required('Password is required.'),
            ValidationExtensions.minLength(3, 'Password must be more than 3 symbols.'),
            ValidationExtensions.maxLength(20, 'Password must be less than 20 symbols.'),
        ]);

        this.confirmPassword = this.formBuilder.control('', [
            ValidationExtensions.required('Confirm Password is required.'),
            ValidationExtensions.minLength(3, 'Password must be more than 3 symbols.'),
            ValidationExtensions.maxLength(20, 'Password must be less than 20 symbols.'),
        ]);

        // VALIDATION
        this.passwordsGroup = this.formBuilder.group({
            password: this.password,
            confirmPassword: this.confirmPassword,
        }, { validator: ValidationExtensions.passwords() });

You can check the demo app here: https://github.com/d-kostov-dev/ng2-mdf-validation-messages/blob/master/demo-app/src/app.component.ts