Question

我正在使用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};
            }

    }

Answer 1

将验证器分配给控件时，必须保存上下文，例如：

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

Angular 2`无法读取未定义的属性'dataService'

1 个答案: