Народ, а в чем все-таки глубинный смысл директивы MaxLengthValidator (которая

Question

Народ, а в чем все-таки глубинный смысл директивы MaxLengthValidator (которая

[maxLength]), если [attr.maxLength] - атрибут html делает тоже самое? Более того, директива как раз получает значение, приводит к числу и как бы всё, больше ничего не делает. Вроде бы. Добавляет валидатор к форме и выводит сообщение ошибки валидации? Так инпут в инпут уже ничего невозможно добавить. Разве что программно.

#angular #frontend #javascript #programming #russian

0

19.05.2023

5 ответов

24 просмотра

MisterN _ Автор вопроса

Andrei
Обрабатывает значение, хендлером, доступным для нж...

А как лучше поступить, если хочется добавлять возможность пихать в maxLength=null, а стандартная директива приводит его к нулю и блокирует ввод?

0

19.05.2023

Andrei

MisterN _
А как лучше поступить, если хочется добавлять возм...

Она вроди ничего не приводит и не блокирует

0

19.05.2023

Andrei

MisterN _
А как лучше поступить, если хочется добавлять возм...

export function maxLengthValidator(maxLength: number): ValidatorFn { return (control: AbstractControl): ValidationErrors|null => { return hasValidLength(control.value) && control.value.length > maxLength ? {'maxlength': {'requiredLength': maxLength, 'actualLength': control.value.length}} : null; }; }

0

19.05.2023

MisterN _ Автор вопроса

Andrei
export function maxLengthValidator(maxLength: numb...

ngOnChanges(changes: SimpleChanges): void { if (this.inputName in changes) { const input = this.normalizeInput(changes[this.inputName].currentValue); this._validator = this.enabled() ? this.createValidator(input) : nullValidator; if (this._onChange) { this._onChange(); } } } Добавление валидатора зависит вроде как от enabled, а оно при null отваливается. enabled(): boolean { const inputValue = (this as unknown as {[key: string]: unknown})[this.inputName]; return inputValue != null /* both `null` and `undefined` */; } Хотя странно, получается, что если не enabled, то attr.maxlength=null. А это как раз должно прекрасно работать. @Directive({ selector: '[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]', providers: [MAX_LENGTH_VALIDATOR], host: {'[attr.maxlength]': 'enabled() ? maxlength : null'} })

0

19.05.2023

Andrei · Accepted Answer

Andrei

Обрабатывает значение, хендлером, доступным для нж форм. Как следствие: добавляет ерор в контрол, добавляет цсс класс. З.Ы. валидация и маска немного разные штуки

0

19.05.2023

169 похожих чатов

Народ, а в чем все-таки глубинный смысл директивы MaxLengthValidator (которая

5 ответов

Похожие вопросы