ИЗ
у меня есть formControlName
Size: a a a
2020 April 23
AS
я вижу только <input type="number" [(value)]="value" numbersOnly/>
ON
да, все зависимость надо мокать
Извиняюсь, но еще вопрос, если можно )
Я замокал таким образом все зависимости
const MockedMatDialog = mock(MatDialog);
const MockedUserService = mock(UserService);
const MockedCalendarService = mock(CalendarService);
const MockedGlobalService = mock(GlobalService);
const MockedImageChecker = mock(ImageChecker);
В провайдерах указал:
providers: [
{
provide: MatDialog,
useValue: instance(MockedMatDialog),
},
{
provide: UserService,
useValue: instance(MockedUserService),
},
{
provide: CalendarService,
useValue: instance(MockedCalendarService),
},
{
provide: GlobalService,
useValue: instance(MockedGlobalService),
},
{
provide: ImageChecker,
useValue: instance(MockedImageChecker),
},
]
Я замокал таким образом все зависимости
const MockedMatDialog = mock(MatDialog);
const MockedUserService = mock(UserService);
const MockedCalendarService = mock(CalendarService);
const MockedGlobalService = mock(GlobalService);
const MockedImageChecker = mock(ImageChecker);
В провайдерах указал:
providers: [
{
provide: MatDialog,
useValue: instance(MockedMatDialog),
},
{
provide: UserService,
useValue: instance(MockedUserService),
},
{
provide: CalendarService,
useValue: instance(MockedCalendarService),
},
{
provide: GlobalService,
useValue: instance(MockedGlobalService),
},
{
provide: ImageChecker,
useValue: instance(MockedImageChecker),
},
]
ON
Oleksandr Nikolskyi
Извиняюсь, но еще вопрос, если можно )
Я замокал таким образом все зависимости
const MockedMatDialog = mock(MatDialog);
const MockedUserService = mock(UserService);
const MockedCalendarService = mock(CalendarService);
const MockedGlobalService = mock(GlobalService);
const MockedImageChecker = mock(ImageChecker);
В провайдерах указал:
providers: [
{
provide: MatDialog,
useValue: instance(MockedMatDialog),
},
{
provide: UserService,
useValue: instance(MockedUserService),
},
{
provide: CalendarService,
useValue: instance(MockedCalendarService),
},
{
provide: GlobalService,
useValue: instance(MockedGlobalService),
},
{
provide: ImageChecker,
useValue: instance(MockedImageChecker),
},
]
Я замокал таким образом все зависимости
const MockedMatDialog = mock(MatDialog);
const MockedUserService = mock(UserService);
const MockedCalendarService = mock(CalendarService);
const MockedGlobalService = mock(GlobalService);
const MockedImageChecker = mock(ImageChecker);
В провайдерах указал:
providers: [
{
provide: MatDialog,
useValue: instance(MockedMatDialog),
},
{
provide: UserService,
useValue: instance(MockedUserService),
},
{
provide: CalendarService,
useValue: instance(MockedCalendarService),
},
{
provide: GlobalService,
useValue: instance(MockedGlobalService),
},
{
provide: ImageChecker,
useValue: instance(MockedImageChecker),
},
]
Но ошибка та же (
StaticInjectorError(DynamicTestModule)[UsersComponent -> MatDialog]:
StaticInjectorError(Platform: core)[UsersComponent -> MatDialog]:
NullInjectorError: No provider for MatDialog!
StaticInjectorError(DynamicTestModule)[UsersComponent -> MatDialog]:
StaticInjectorError(Platform: core)[UsersComponent -> MatDialog]:
NullInjectorError: No provider for MatDialog!
ON
Не понимаю, почему оно выдает NullInjectorError: No provider for MatDialog!...... ведь я его записываю в провайдеры
R
у кого нибудь были сложности со срабатыванием formgroup.markAsTouched()? применяю, валидационные месаги не выскакиывают
S
Oleksandr Nikolskyi
Но ошибка та же (
StaticInjectorError(DynamicTestModule)[UsersComponent -> MatDialog]:
StaticInjectorError(Platform: core)[UsersComponent -> MatDialog]:
NullInjectorError: No provider for MatDialog!
StaticInjectorError(DynamicTestModule)[UsersComponent -> MatDialog]:
StaticInjectorError(Platform: core)[UsersComponent -> MatDialog]:
NullInjectorError: No provider for MatDialog!
странно
DT
у кого нибудь были сложности со срабатыванием formgroup.markAsTouched()? применяю, валидационные месаги не выскакиывают
markAllAsTouched ?
R
markAllAsTouched ?
тоже не срабатывает
R
this.FormService.personalFormGroup.controls.surname.markAsTouched();вот так сработало
this.FormService.personalFormGroup.controls.surname.markAsDirty();
this.FormService.personalFormGroup.controls.surname.updateValueAndValidity();
DT
тоже не срабатывает
updateValueAndValidityRecursively(
control: AbstractControl,
opts: { emitEvent?: boolean } = { emitEvent: true },
): void {
let forEachFn: ForEachFunction = null;
if (control instanceof FormArray) {
forEachFn = forEachFormArrayChild;
} else if (control instanceof FormGroup) {
forEachFn = forEachFormGroupChild;
}
if (forEachFn !== null) {
forEachFn.call(control, (ctrl: AbstractControl) => updateValueAndValidityRecursively(ctrl, opts));
}
control.updateValueAndValidity({ onlySelf: true, emitEvent: opts.emitEvent });
}
DT
updateValueAndValidityRecursively(
control: AbstractControl,
opts: { emitEvent?: boolean } = { emitEvent: true },
): void {
let forEachFn: ForEachFunction = null;
if (control instanceof FormArray) {
forEachFn = forEachFormArrayChild;
} else if (control instanceof FormGroup) {
forEachFn = forEachFormGroupChild;
}
if (forEachFn !== null) {
forEachFn.call(control, (ctrl: AbstractControl) => updateValueAndValidityRecursively(ctrl, opts));
}
control.updateValueAndValidity({ onlySelf: true, emitEvent: opts.emitEvent });
}
ну и дёрнуть с фг
this.fg.markAllAsTouched();
updateValueAndValidityRecursively(this.fg);
R
благдарю
DT
благдарю
забыл ещё
type ForEachFunction = (cb: (v: any, k: string | number) => void) => void;
function forEachFormGroupChild(this: FormGroup, cb: (v: any, k: string) => void): void {
Object.keys(this.controls).forEach(k => cb(this.controls[k], k));
}
function forEachFormArrayChild(this: FormArray, cb: (v: any, k: number) => void): void {
this.controls.forEach((control: AbstractControl, index: number) => {
cb(control, index);
});
}
DT
благдарю
https://github.com/angular/angular/blob/9.0.0/packages/forms/src/model.ts#L638-L641
либо дёрнуть приватное апи ангуляра
либо дёрнуть приватное апи ангуляра
dangerousUpdateValueAndValidityRecursively(
control: AbstractControl,
opts: { emitEvent?: boolean } = { emitEvent: true },
): void {
(control as any)._updateTreeValidity(opts);
}
ON
странно
Может где-то в другом месте ошибка? (чисто один файл перекинул)
https://codesandbox.io/s/elegant-noether-4v83w?file=/src/app/a.ts
https://codesandbox.io/s/elegant-noether-4v83w?file=/src/app/a.ts
DT
Oleksandr Nikolskyi
Может где-то в другом месте ошибка? (чисто один файл перекинул)
https://codesandbox.io/s/elegant-noether-4v83w?file=/src/app/a.ts
https://codesandbox.io/s/elegant-noether-4v83w?file=/src/app/a.ts
ON
ааа
ON
секунду
ON