Приветствую! есть формконтрол: testFormControl: ['', [Validators.required, Validators.maxLength(10)]] <base-textarea formControlName="testFormControl" ></base-textarea> в компоненте

Question

Angular - русскоговорящее сообщество

misterI

Приветствую! есть формконтрол: testFormControl: ['', [Validators.required, Validators.maxLength(10)]] <base-textarea formControlName="testFormControl" ></base-textarea> в компоненте

base-textarea мне нужно получить доступ к maxLength валидатору даже если длина текста меньше 10. как это сделать?

#angular #frontend #javascript #programming #russian

0

19.04.2022

18 ответов

27 просмотров

misterI Автор вопроса

Evgheni Чернявский
в каком смысле "получить доступ"?

нужно, чтобы компонент ребенок был в курсе Валидатора - maxLength, независимо будет ли тригериться этот валидатор или нет

0

19.04.2022

Evgheni Чернявский

misterI
нужно, чтобы компонент ребенок был в курсе Валидат...

т.е просто проверить висит ли он или нет на контроле?

0

19.04.2022

Глеб Щукин

misterI
нужно, чтобы компонент ребенок был в курсе Валидат...

старая тема. нет у ангуляра нормального способа поличить валидаторы https://stackoverflow.com/questions/43838108/get-validators-present-in-formgroup-formcontrol

0

19.04.2022

misterI Автор вопроса

Evgheni Чернявский
т.е просто проверить висит ли он или нет на контро...

конечная цель - нужно показывать текущую длину текста, и сколько должна быть длина текста типа: 8 / 10 characters 8 - это количество введенного юзером текста, а 10 - maxLength

0

19.04.2022

Evgheni Чернявский

misterI
конечная цель - нужно показывать текущую длину тек...

хммм, что если создать директиву которая провайдит NG_VALIDATORS, реализовать внутри Validator c maxLength валидатором и вместо того чтобы регистрировать Validators.maxLength(10), вы будете просто ставить директиву на base-textarea? это даст возможность получить валидатор через DI а также все проперти которые вы реализуете например maxLength, т.е ту самую 10. Также вы сможете проверить если вообще этот валидатор висит на компоненте

0

19.04.2022

Глеб Щукин

Evgheni Чернявский
хммм, что если создать директиву которая провайдит...

как связать дерективу и FormGroup control ?

0

19.04.2022

misterI Автор вопроса

Evgheni Чернявский
хммм, что если создать директиву которая провайдит...

именно не хотелось вмешиваться в html файл, а просто прямиком считывать с Validators.maxLength(10)

0

19.04.2022

Evgheni Чернявский

Глеб Щукин
как связать дерективу и FormGroup control ?

formControlName сам регает валидаторы

0

19.04.2022

Глеб Щукин

Глеб Щукин
как связать дерективу и FormGroup control ?

что бы ошибки валидации регистрировались в форме...

0

19.04.2022

Evgheni Чернявский

Evgheni Чернявский
formControlName сам регает валидаторы

у него прописано получить все сервисы которые NG_VALIDATORS провайдят и добавить в formControl

0

19.04.2022

Evgheni Чернявский

misterI
именно не хотелось вмешиваться в html файл, а прос...

ну наше дело предложить идею

0

19.04.2022

misterI Автор вопроса

Evgheni Чернявский
ну наше дело предложить идею

может найдутся идеи без директивы

0

19.04.2022

Evgheni Чернявский

misterI
именно не хотелось вмешиваться в html файл, а прос...

вообще по факту вы уже связались с html потому что formControlName это та еще фундервафля под капотом

0

19.04.2022

misterI Автор вопроса

Evgheni Чернявский
вообще по факту вы уже связались с html потому что...

я конечно могбы сделать типа <base-textarea formControlName="testFormControl" [maxLength]='10' ></base-textarea> но я тогда уже повторяю этот maxlength в двух местах

0

19.04.2022

xxtux Shvets

misterI
может найдутся идеи без директивы

наследуешь FormControl и творишь что хошь :)

0

19.04.2022

Evgheni Чернявский

xxtux Shvets
наследуешь FormControl и творишь что хошь :)

а потом ему этот кастомный контрол во всех парент компонентах юзать

0

19.04.2022