а не через host ( https://angular.io/api/core/Directive#host )?
Из стандартной директивы MaxLengthValidator ангулар
@Directive({
...
host: {'[attr.maxlength]': 'enabled() ? maxlength : null'}
})
export class MaxLengthValidator extends AbstractValidatorDirective {
Проблема тут в том, что если мы в шаблон прокидываем переменную, прилетающую с бека, то она может быть null и по итогу мы получаем maxlength=null, что интерпретируется браузером, как maxlength=0 и не даёт вводить значение в input. ngIf добавлять из-за одного атрибута не хочется, их вообще может быть много разных с возможным null, в принципе не выход.
И как быть? Является ли this.elementRef.nativeElement.setAttribute('maxlength', value) правильным выходом? Или лучше сделать как-то по-другому?
Вот MaxLengthValidator наследует AbstractValidatorDirective. Если я правильно понял строку из последнего this._validator = this.enabled() ? this.createValidator(input) : nullValidator; - в случаи null должен быть и валидатор пустой т.е. ничего не происходить. Но параметр в декораторе host выше похоже задает атрибут
maxlength=null не интерпретируется браузером как 0
[maxLength]="null" приведение типа идет ангуляром
Ну, по факту в инпут херачишь [maxLength]="null" и изменять текст уже нельзя. Так-то я видел override normalizeInput = (input: string|number): number => toInteger(input); А невозможно как-то стандартную директиву подправить, только так [attr.maxLength]="null"? Или какой её смысл сверх дефолта браузера?
Обсуждают сегодня