ControlValueAccessor - КАК РАБОТАЕТ [ANGULAR] - GUIDE

Рассказываю что такое ControlValueAccessor, как с ним работать и как он работает изнутри.
Как использовать свой компонент в качестве элемента формы (ngModel, formControl)?
Исходный код проекта:
github.com/dre...
Моя UI библиотека ngx-os:
ngx-os.io
Запропонувати ідею каналу:
t.me/+Wgg1OUUP...
Донат на підтримку каналу:
/ dreyliky
www.buymeacoff...
#angular

[@DreyLikyDev]

В відео некоректно сказано про те, для чого вказувати "multi: true". Ось правильне пояснення: При вказанні в об'єкті Provider поля multi в значення true, ти можеш запровайдити по одному токену 2 і більше значень одразу. Таким чином, інджектуючи потім цей токен, ти отримаєш не одну залежність, а одразу стільки, скільки їх запровайдили (масивом). Директива FormControl інджектує NG_CONTROL_VALUE_ACCESSOR і отримує масив аксесорів. Є дефолтні аксесори від самого ангуляру, які вміють працювати з нативними input елементами наприклад. Але ти можеш накласти на цей самий input елемент свій аксесор також. Це означає, що на одному елементі буде 2 аксесори в цей момент. Коли таке відбувається, директива formControl віддає перевагу кастомному аксесору, а не дефолтному. І використовує його. Це можна оцінити тут - прибравши hello.component з елементу input. HelloComponent не сетає інпуту значення в writeValue і інпут відповідно пустий. Прибравши helloComponent - спрацює дефолтний аксесор, який це зробить: stackblitz.com/edit/angular-ivy-5ievsy?file=src%2Fapp%2Fapp.component.html

[@devlonic]

Ого, доповнюєш навіть такі давні відео, круто))

[@user-tt3bk7dw2z]

Усього лише прочитав декілька статей, двічі подивився цей відос і вауля, я розумію як це працює 🥹 Дякую автору 🥹

[@MikeLike87]

Как всегда все очень круто и полезно. Один из немногих канал по Ангуляр с хорошим контентом!

[@user-zh1nh9iq5f]

Жаль нельзя поставить лайк несколько раз) Спасибо большое! Очень полезное видео

[@taras7844]

Спасибо за контент angular, очень хороший контент выпускаете

[@aleksandrm3466]

Это было интересно, спасибо. Побольше бы глубоких тем или бест практиса.

[@mukhamed5405]

Мощный контент, так держать, любители угловых технологий!

[@learnprogramming99]

спасибо очень )) , прошу вас продолжать уроки )

[@KvN-UA]

Дуже корисна і лаконічна інфрмація!

[@hennadiikhudolieiev2198]

Отлично объясняешь! Спасибо за видос Ставьте лайки для DreyLiky

[@user-ei1si3io7x]

Спасибо за контент по ангуляру! Однозначно подписка

[@dj_yamato]

Спасибо за урок. Сынок домой скоро :)

[@a_lodygin]

Отличный контент!

[@mukhamed5405]

3:23 - "в форм контрол залетает новое значение", да, но это значение не любое, а которое вводится программно с помощью, например, setValue(), patchValue(), reset() и т.д. А при вводе пользователя данных в инпут не вызывает writeValue()

[@vdvchannel7765]

комент для поширення . топ

[@user-fh3xx1ks5r]

Контент конечно хорош, но порой хочется задать избитый вопрос "А эти угловые сущности о которых вы сейчас говорите, они сейчас с нами в одной комнате?"))) Спасибо за объяснение, а то обычно я как на приёме у психолога обычно сижу когда кто-то пытается мне объяснить как там всё работает)))

[@anishchenko]

я так розумію, для в кастомному компоненті може бути тільки один formControlName?? під кожний formControlName треба робити окремий компонент? більше одного не вийде прокинути?

[@user-cg8vw1ht3b]

Привіт) Дякую за контент! Дуже хочу вирости як розробник до мідл рівня,можливо в тебе є якісь курси чи менторінг? Чи можливо ще якось можеш допомогти з цим? Дякую.

[@fuhrmanndothings]

Привіт. Ти просто супер детально і круто все розказуєш. Хотів би запитати - чи є така можливість брати в тебе консультації по певним питанням (щось накшталт менторінгу). Звісно, за винагороду. Якщо так- як можна з тобою зв'язатись? Буду вдячний за відповідь. І продовжуй записувати такі відео - це просто нереально корисно, особливо для таких новачків як я.

[@darth-welder]

Спасибо! Расскажи, пожалуйста про проброс валидаторов через 1-2 value_accessor'ов.

[@volodimiryemshyn715]

Привет, как обычно отлично. Можно как-то подробно про теконы рассказать, self, optional и т.д ?

[@DreyLikyDev]

Привет) Спасибо. Думаю, что когда-то дойду до DI и в этом контексте расскажу об этих декораторах. Декораторы: Self, Optional, Host, SkipSelf - там на самом деле не много инфы, можно за минут 20 новичку понять как они работают. Вот отличная статья по этому поводу: medium.com/frontend-coach/self-or-optional-host-the-visual-guide-to-angular-di-decorators-73fbbb5c8658

[@gen7891]

@skipself еще. Чем он отличается от @host?

[@DreyLikyDev]

@gen7891 Host берет зависимость или на нашем компоненте или на родителе. Выше не ищет. SkipSelf НЕ берет зависимость на нашем компоненте, вместо этого - ищет зависимость поднимаясь по ветке инжекторов в самый вверх и берет ближайшую к нам, зависимость.

[@dmitriyobidin6049]

17:17 "Звучит сложно..." Кхм, до этого на протяжении 10 минут исследуются дикие кишки ангуляра, которые хрен пойми как работают. А на всплытии события вдруг стало "сложно" :)

[@meirambekzhussipov7412]

Привет, тема какой в вскоде

[@DreyLikyDev]

Привет) Community Material Theme - High Contrast

[@meirambekzhussipov7412]

@@DreyLikyDev спасибо

[@andreygaidzel3754]

без шляпы лучше.)

[@DreyLikyDev]

Шляпа - это атрибут для узнаваемости превьюшек=) В видосах я в ней не сижу)