Size: a a a

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

2019 December 02

IL

Ihor Levchenko in Angular - русскоговорящее сообщество
таким образом я сделал несколько типичных форм групп, которые прилетают массивом и собираются в форм аррей. И мне надо как-то каждую форм группу из форм аррея идентифицировать чтобы правильно валидировать.
Можно ли какой-то рандомный type повесить?
Я вангую что придется просто унаследоваться от FormGroup и добавить пару своих полей?!
источник

КВ

Кирилл Валиков in Angular - русскоговорящее сообщество
Ihor Levchenko
таким образом я сделал несколько типичных форм групп, которые прилетают массивом и собираются в форм аррей. И мне надо как-то каждую форм группу из форм аррея идентифицировать чтобы правильно валидировать.
Можно ли какой-то рандомный type повесить?
Я вангую что придется просто унаследоваться от FormGroup и добавить пару своих полей?!
Если я правильно понял, то в момент прилета данных с сервера должен формироваться formGroup, который внутри formArray, и там же должны вешаться валидаторы. Т.е. идентифицировать особо и не надо
источник

IL

Ihor Levchenko in Angular - русскоговорящее сообщество
Кирилл Валиков
Если я правильно понял, то в момент прилета данных с сервера должен формироваться formGroup, который внутри formArray, и там же должны вешаться валидаторы. Т.е. идентифицировать особо и не надо
ну в некоторых моментах у меня должны быть select-ы, а в некоторых обычные input-ы.
Вот для этого мне и нужна какая-то идентификация чтобы я в шаблоне правильный компонент подставил и передал ему форм группу как [parent]..
потму как FormController универсален и я ему в принципе по барабану что я ему кормлю.. селект или инпут
источник

КВ

Кирилл Валиков in Angular - русскоговорящее сообщество
Ihor Levchenko
ну в некоторых моментах у меня должны быть select-ы, а в некоторых обычные input-ы.
Вот для этого мне и нужна какая-то идентификация чтобы я в шаблоне правильный компонент подставил и передал ему форм группу как [parent]..
потму как FormController универсален и я ему в принципе по барабану что я ему кормлю.. селект или инпут
На одинаковое название поля ставится то инпут то селект?
источник

IL

Ihor Levchenko in Angular - русскоговорящее сообщество
Кирилл Валиков
На одинаковое название поля ставится то инпут то селект?
названия не статичны. То есть я не могу захардкодить что мол если есть такие-то поля, значит они селекты.
источник

IL

Ihor Levchenko in Angular - русскоговорящее сообщество
мне может прилететь любое рандомное поле с любым рандомным type
источник

КВ

Кирилл Валиков in Angular - русскоговорящее сообщество
Ihor Levchenko
мне может прилететь любое рандомное поле с любым рандомным type
Я для динамических форм пилил несколько компонентов, которые резолвились через switch в зависимости от type
источник

IL

Ihor Levchenko in Angular - русскоговорящее сообщество
Кирилл Валиков
Я для динамических форм пилил несколько компонентов, которые резолвились через switch в зависимости от type
а как именно ты реализовывал type ?
ты наследовался от форм групп и просто добавлял свое поле type?
и потом уже в тимплейте смотрел на тайп и подставлял нужный компонент с форм группой?
источник

КВ

Кирилл Валиков in Angular - русскоговорящее сообщество
Ihor Levchenko
а как именно ты реализовывал type ?
ты наследовался от форм групп и просто добавлял свое поле type?
и потом уже в тимплейте смотрел на тайп и подставлял нужный компонент с форм группой?
Type прилетал с бэка
источник

IL

Ihor Levchenko in Angular - русскоговорящее сообщество
Кирилл Валиков
Type прилетал с бэка
ага..  я просто делаю как.
Мне прилетает ответ..
я просто беру и myForm.get(‘arrayForms’).push(new FormGroup(…))

и потом в тимплейте уже *ngFor рендерю весь arrayForms.
И у меня проблема с идентификацией каждой форм группы.

Но может быть мне нужно просто сделать форму и отрендерить тимплейт, и уже увидеть в форм аррее все поля? То есть не от контрола к тимплейту идти, а от тимплейта к контролу? (не пробовал еще так..)
источник

IL

Ihor Levchenko in Angular - русскоговорящее сообщество
и опять же в этом случае у меня возникают нюансы как понять что форм контрол number или text или password
источник

IL

Ihor Levchenko in Angular - русскоговорящее сообщество
наверное мне нужно идти от тимплейта к форм контролу..
источник

YS

Yuri Stepanov in Angular - русскоговорящее сообщество
Andrey Moskalenko
еще ошибку вижу, чтоб юзать cd и router нужно перед ними private написать😅
кто тебе такое сказал?)
источник

YS

Yuri Stepanov in Angular - русскоговорящее сообщество
можно и паблик и протектед
источник

КВ

Кирилл Валиков in Angular - русскоговорящее сообщество
Ihor Levchenko
и опять же в этом случае у меня возникают нюансы как понять что форм контрол number или text или password
если бэк не сообщает тип поля, то остается только ванговать.
Если бэк сообщает, значит у нас есть все данные для формирования структуры.
ииии...кажется я понял в чем проблема
источник

IL

Ihor Levchenko in Angular - русскоговорящее сообщество
Кирилл Валиков
если бэк не сообщает тип поля, то остается только ванговать.
Если бэк сообщает, значит у нас есть все данные для формирования структуры.
ииии...кажется я понял в чем проблема
я кажется даже нахожу уже ответ..
https://angular.io/guide/dynamic-form
надо было просто почитать про динамичекие формы 😄
источник

КВ

Кирилл Валиков in Angular - русскоговорящее сообщество
Ihor Levchenko
я кажется даже нахожу уже ответ..
https://angular.io/guide/dynamic-form
надо было просто почитать про динамичекие формы 😄
вообщем да, там то что нужно
источник

IL

Ihor Levchenko in Angular - русскоговорящее сообщество
Кирилл Валиков
вообщем да, там то что нужно
спасибо за разговор и консультацию, ты направил меня на правильную мысль ))
источник

AK

Andrey Kolkov in Angular - русскоговорящее сообщество
highsierra
ребят, может дать линк где можно спиратить курсы по angular 2+?
https://webdraftt.com/tutorial мне кажется, если прочитать и осознать это, то 90%  понимания придет само собой. А дальше уже все остальное по офсайту.
источник

MT

Mikhail Tonkushin in Angular - русскоговорящее сообщество
Всем привет!
Ткните пожалуйста носом в дельное руководство по обнаружению утечек памяти в ангуляре. Будем весьма благодарны!
Адепты async pipe (почти все в шаблоне). Там где нет возможности исользовать async , юзаем подписку и takeUntil(this.destroy$) (по ngOnDestroy).
Один хрен приложение течет.

Думаем на ngrx и HTTP модуль. Но как доказать, не знаем.
Решили обратиться к сообществу. Может кто подскажет.
Спасибо за любые дельные советы!
источник