Angular 2 `Не удается прочитать свойство 'dataService' из неопределенного` - PullRequest
Новая
       27

Angular 2 `Не удается прочитать свойство 'dataService' из неопределенного`

0 голосов
/ 07 сентября 2018

Я использую Angular 2 и пытаюсь вызвать это внутри метода, но получаю ошибку: Cannot read property 'dataService' of undefined

passwordMatchValidator(g: FormGroup) {
                        console.log(this.dataService);
                        return g.get('password').value === g.get('repeat').value ? null : {'mismatch': true};
        }

Когда я могу использовать this.dataService вне метода, он работает, это потому, что теперь это FormGroup? и если да, то как бы я вызвал this.dataService внутри этого метода? 

    import { DataService } from '../../services/data.service';

    @Component({
            selector: 'app-register',
            templateUrl: './register.component.html',
            styles: []
    })
    export class RegisterComponent{

    constructor(private fb: FormBuilder,
                    private locationService: LocationService,
                    private dataService: DataService){}

buildForm(): void {    

this.step1Form = this.fb.group({
                username: new FormControl('', {
                        validators: [Validators.required,
                        Validators.minLength(4)],
                }),
                email: new FormControl('', {
                        validators: [Validators.required,
                        Validators.pattern("^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$")],
                }),
                password: new FormControl('', {
                        validators: [Validators.required,
                        Validators.minLength(8)],
                }),
                repeat: new FormControl('', {
                        validators: [Validators.required,
                        Validators.minLength(8)],
                }),
                }, { validator: this.passwordMatchValidator });

}

    passwordMatchValidator(g: FormGroup) {
                            console.log(this.dataService);
                            return g.get('password').value === g.get('repeat').value ? null : {'mismatch': true};
            }

    }

1 Ответ

0 голосов
/ 07 сентября 2018

Когда вы назначаете валидатор для управления, вы должны сохранить контекст, например: 

fb.group({
  password: [null, this.passwordMatchValidator.bind(this)]
})
...