validatie - stel fout " errors : {__zone_symbol__state: null, __zone_symbol__value: Array(0)}" in door Angular 4 validator
Mobile mobileNumberValidator werkt goed, maar de andere twee validators geven een null promise terug bij fouten. Ik kan de fout die ik hier heb gemaakt niet identificeren. Help alsjeblieft. Die twee validators zetten fouten in het formbuilder-object als volgt
fouten : {__zone_symbol__state: null, __zone_symbol__value: Array(0)}
In formulierbouwer groep
this.empInfoForm = this.fb.group({
'Mobile': [null, [Validators.required], [this.mobileNumberValidator.bind(this)]],
'Private': [null, [this.privateNumberValidator.bind(this)]],
'Work': [null, [this.workNumberValidator.bind(this)]],
});
Validatormethoden
mobileNumberValidator(control: AbstractControl) {
return new Promise(resolve => {
setTimeout(() => {
if (!this.isMobileNumberValid) {
resolve({
'phoneNumber': true
})
console.log(this.empInfoForm)
} else {
resolve(null);
}
}, 10);
})
}
workNumberValidator(control: AbstractControl) {
return new Promise(resolve => {
setTimeout(() => {
if (!this.isWorkNumberValid) {
resolve({
'phoneNumber': true
})
console.log(this.empInfoForm)
} else {
resolve(null);
}
}, 10);
})
}
privateNumberValidator(control: AbstractControl) {
return new Promise(resolve => {
setTimeout(() => {
if (!this.isPrivateNumberValid) {
resolve({
'phoneNumber': true
})
console.log(this.empInfoForm)
} else {
resolve(null);
}
}, 10);
})
}
Antwoord #1
Ik heb de fout gevonden die ik hier heb gemaakt. De aangepaste validatorbinding moet hier de derde parameter zijn.
this.empInfoForm = this.fb.group({
'Mobile': [null, [Validators.required], [this.mobileNumberValidator.bind(this)]],
'Private': [null,null,[this.privateNumberValidator.bind(this)]],
'Work': [null,null,[this.workNumberValidator.bind(this)]],
});
Antwoord #2
In IONIC
if you facing issue in IONIC
error :- __zone_symbol__state: null, __zone_symbol__value: Array(0)
======================== Sol
// use platform ready function, its must
this.platform.ready().then(() => {
// use promise like syntax not like this.appVersion.getVersionNumber()
this.appVersion.getVersionNumber().then((data) => {
})
})
