Тёмный

Angular Forms: Build Dynamic Complex Forms Easily 

Monsterlessons Academy
Подписаться 47 тыс.
Просмотров 7 тыс.
50% 1

Опубликовано:

 

28 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 50   
@MonsterlessonsAcademy
@MonsterlessonsAcademy Месяц назад
WATCH NEXT: Angular Interview Questions and Answers - Dominate Your Next Interview - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-5A_YKlVWMPo.htmlsi=2DCn7yspEAAJ2H6l
@burningtree878
@burningtree878 6 месяцев назад
Nicely done, thank you for sharing. It might be a lot to ask but it would be very interesting to see the template drive equivalent approach.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
Won't happen. Template driven forms are not flexible and I don't recommend to use them at all.
@yaibanoutsukushii
@yaibanoutsukushii 6 месяцев назад
great introduction! reactive forms are very useful but also very diffcult to learn, thanks for teaching me something new!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
Glad it was helpful!
@FRITS-Kh
@FRITS-Kh 6 месяцев назад
Thanks for the video! A tip: the remove buttons should also be button tags instead of spans because the keyboard can't select a span, which is not semantic.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
Sure, but not each project needs accessibility
@FRITS-Kh
@FRITS-Kh 6 месяцев назад
I haven't faced such projects in my 14-year career. While there were instances where accessibility was not prioritized, but it was maintained at a basic semantic level because implementing accessibility features costs little but provides significant convenience for users.
@jurybalikov7063
@jurybalikov7063 6 месяцев назад
Many thanks, forms are still a thing Im sure I could be handling more effectively.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
Good to hear!
@deveduoliveira
@deveduoliveira 5 месяцев назад
Very good video. Excellent explication. Im from Brazil. This help a lot in my work. Actually working in exactly this scenario. Im share with my work colleagues. Thanks!!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 5 месяцев назад
Glad it was helpful!
@JoseLeMalin
@JoseLeMalin 5 месяцев назад
Thank you for your work and sharing your knowledge !
@MonsterlessonsAcademy
@MonsterlessonsAcademy 5 месяцев назад
My pleasure!
@exploteldeveloper
@exploteldeveloper 6 месяцев назад
Thanks, It would be really useful to have a form builder that automatically types the form according to its initialization
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
I agree
@jln06140
@jln06140 6 месяцев назад
always the best angular instructor on youtube !!! thank you very much ( I'm french dev, sorry for my english)
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
Wow, thanks!
@joao_penas
@joao_penas 6 месяцев назад
Nice example 👌 Just curiosity, why use FormBuilder, and not FormGroup and FormControl for build the form 😊? By the way, one good point to improve would be add an id to identify the question, because if lately would like apply some filter, the removed question with index could be different and remove unwanted question. Continue the good work 😊
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
There are different ways. Use what is comfortable for you. Sure you can also use IDs
@nickolaizein7465
@nickolaizein7465 6 месяцев назад
NonNullableFormBuilder - thank you :)
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
My pleasure!
@andresmauriciofajardoolaya2721
@andresmauriciofajardoolaya2721 6 месяцев назад
Great video
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
Thanks!
@andrejkling3886
@andrejkling3886 6 месяцев назад
Thank you 💯🔥
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
Any time!
@csayantan
@csayantan 5 месяцев назад
i really wonder if we can add an API based validation in a dynamic form in angular 17 /18 such as captcha validation or populate cities from multiple countries in a auto complete field in nonnullable forms etc.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 5 месяцев назад
You can simply use formData.setErrors({errorMessage:item.errorMessage}) after you make your API call.
@leiayuri
@leiayuri 5 месяцев назад
Hi, would you know if I have a component A which extends a directive B. And in comp. a I am in injecting a service A with inject and inside of the constructor I am also calling super and injecting the service A. The question is, am I creating 2 instances os service A? Thanks in advance.
@user-glory-of-ukraine
@user-glory-of-ukraine 5 месяцев назад
I think it depends from few things like: if you providedin :root service A you have 1 instance of components( like singleton). But if you use providers:[ServiceA] in extendable component it will be different instances.
@leiayuri
@leiayuri 5 месяцев назад
@@user-glory-of-ukraine yeah that’s correct. However my question was more related to the new inject where you do thing like serviceA = inject(ServiceA) In that case if we do that more than once in the same component it would create only one instance no matter how many injections you use in the component. That conclusion was based on others dev RU-vid channels. Let me know if you have any points where makes that wrongly or partially correct. Thanks man
@pramudisrimali1705
@pramudisrimali1705 5 месяцев назад
excellent... thanks a lot
@MonsterlessonsAcademy
@MonsterlessonsAcademy 5 месяцев назад
Most welcome!
@aliali-pn1cb
@aliali-pn1cb 6 месяцев назад
Good
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
Thanks
@devcognicion
@devcognicion 6 месяцев назад
I'm that 20%, love you since I found you haha :P
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
That's awesome!
@hamza201183
@hamza201183 6 месяцев назад
Many thanks :)
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
You're welcome!
@Khai.it98
@Khai.it98 3 месяца назад
How to insert new form at index?
@liga_frontend
@liga_frontend 6 месяцев назад
Problem. We get a bug if: 1) Create a second input 2) Set it to some value 3) Delete the first input
@liga_frontend
@liga_frontend 6 месяцев назад
P.S. the problem with the index
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
If it's an index problem it makes sense to work with elements by ID then
@liga_frontend
@liga_frontend 6 месяцев назад
@@MonsterlessonsAcademy But you can only delete by index)
@m.1-n5c
@m.1-n5c 5 месяцев назад
You are correct , change @for with *ngfor and typescript side use new formcontrolName()
@m.1-n5c
@m.1-n5c 5 месяцев назад
I written your example in my side and it dos not works well, for example if you add 2 question and fill those fields and then remove first question in UI side remove seconds and typescript side remove first, then i refactored code, instead of @for i used *ngFor and typescript side form control value instead of empty string i written new formControl() after that it works well; please chek your example one more time and see yourself what is going on. thanks
@MonsterlessonsAcademy
@MonsterlessonsAcademy 5 месяцев назад
Thank you for letting me know
@andrewl7009
@andrewl7009 6 месяцев назад
Final result has empty string at first answer, probably solution has mistake somewhere
@daveokey3966
@daveokey3966 6 месяцев назад
Very nice way to strongly type, typed forms! 🦾
@MonsterlessonsAcademy
@MonsterlessonsAcademy 6 месяцев назад
Glad you like it!
Далее
How to Make Forms in Angular REUSABLE (Advanced, 2023)
21:10
Nightmare | Update 0.31.0 Trailer | Standoff 2
01:14
Просмотров 686 тыс.
How is this Website so fast!?
13:39
Просмотров 682 тыс.
Angular change detection explained in 5 minutes
6:06
Senior Angular Developer Interview (theory)
41:57
Просмотров 26 тыс.
Angular Reactive Forms - All Needed Use Cases
15:55
Просмотров 33 тыс.
How to Vim in 2023: Tips and Tricks
15:53
Просмотров 430 тыс.