Тёмный

💥 Angular TYPED Forms: Are You Using Them Correctly? #angular 

Подписаться
Просмотров 3,3 тыс.
% 188

Check out the Angular Forms In Depth course for learning more about beginner to advanced Angular Forms topics - angular-university.io/my-courses
Free content at the Angular University:
- 20% of our lessons are free, no login required to watch the lessons. The free lessons are the ones with the P (Pro) - angular-university.io
- Watch the free Angular For Beginners Course - angular-university.io/course/getting-started-with-angular2
Twitter - AngularUniv
Facebook - angular.university
RU-vid - ru-vid.com/show-UC3cEGKhg3OERn-ihVsJcb7A
Instagram - angular.university
LinkedIn - www.linkedin.com/company/angular-university
TikTok - www.tiktok.com/@angularuniversity
Threads - www.threads.net/@angular.university

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

 

9 янв 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 29   
@AngularUniversity
@AngularUniversity 5 месяцев назад
This is my first video made specifically for RU-vid, please enjoy. 🙂 A full course on Angular Forms is available here - angular-university.io
@nathanf6526
@nathanf6526 5 месяцев назад
Regarding not explictly using a generic argument, how about if you use a FormControl which is a complex type, and you initialise it with null? The form control's type with be inferred as 'unknown' P.s. thanks for the video.
@AngularUniversity
@AngularUniversity 5 месяцев назад
This is true, but for most forms I think it's OK to initialize strings with the empty string, numbers with 0, etc. It greatly simplifies the form declaration. For most practical cases, there is no downside. 👍
@happyhappy-jl6yq
@happyhappy-jl6yq 5 месяцев назад
Awesome content.
@AngularUniversity
@AngularUniversity 5 месяцев назад
Thank you, please enjoy ☺
@antondoit
@antondoit 4 месяца назад
As always great content
@AngularUniversity
@AngularUniversity 4 месяца назад
Thank you, much appreciated 😊
@hatsvids
@hatsvids 4 месяца назад
Thank you for the excellent video. I was just left with a question regarding FormArray. Assuming the suggested "best" way to handle typed forms, how should I deal with FormArrays? In a practical example, where in a form there is a FormGroup with the control for the name and a FormArray for a FormGroup of Addresses (with controls for street, city, zip code), how should I declare the FormArray, assuming that initially there are no entries in the FormArray, as the user has not added/pushed any address yet?
@AngularUniversity
@AngularUniversity 4 месяца назад
If youdon't have any initial values, then that could be a good example of where using an explicit type would work great. My point in the video was, most of the times you can simplify your forms code by removing the explicit types, as long as you have some initial values for the fields.👍
@hatsvids
@hatsvids 4 месяца назад
​@@AngularUniversity So, in this example the FormArray would be a good case of the exception to the "rule". Thank you for the clarification.
@traversethedom
@traversethedom 5 месяцев назад
Can you confirm if your courses on RxJS and TypeScript have been recently updated?
@AngularUniversity
@AngularUniversity 5 месяцев назад
Yes they are up to date. 👍
@borisjenicek6059
@borisjenicek6059 5 месяцев назад
What if the form is in the child component and you receive data through input, how to declare the form outside the lifecycle method in this way?
@AngularUniversity
@AngularUniversity 5 месяцев назад
the form is best declared as a member variable, to get the full type safety benefits. Check out this video for more details - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-it2BZoIvBPc.html
@sivuyilemagutywa5286
@sivuyilemagutywa5286 5 месяцев назад
Generic is great if you have a complex interface in my opinion
@AngularUniversity
@AngularUniversity 5 месяцев назад
For a more complex form, the type will still be inferred automatically, so not using the generics directly and relying on type inference is actually less work, and it's guaranteed to always be correct. 😊 you can always use generics is needed by some reason, but normally it shouldn't be necessary. In Typescript for many generic-based APIs like the Forms module, many times the generic parameters don't need to be called explicitly, everything happens via type inference. 👍
@paulh6933
@paulh6933 5 месяцев назад
does ur opinion change if ur form has 10+ fields?
@AngularUniversity
@AngularUniversity 5 месяцев назад
For a larger form, this is even more true, we could really use that extra type safety to make our code safer. I just used a small example here to keep it simple for the video. 👍
@msnathan2321
@msnathan2321 5 месяцев назад
well devilvered
@AngularUniversity
@AngularUniversity 5 месяцев назад
Thank you, I'm glad you enjoyed it. 👍 More videos on the way (including shorts), stay tuned. 😊
@RaviMittal84
@RaviMittal84 5 месяцев назад
What about FormArray?
@AngularUniversity
@AngularUniversity 5 месяцев назад
works also, with this.fb.array() 👍
@JohnSourvinos
@JohnSourvinos 3 месяца назад
Hi, Vasco. Having the form built *outside* of a function (like ngOnInit), looks ugly and hopefully in a future version this will change.
@AngularUniversity
@AngularUniversity 3 месяца назад
It's unusual in Angular code indeed and an exception. soon the Angular team will start their work on signal forms, so forms are due for an overhaul 😉
@abhikarne
@abhikarne Месяц назад
Is it not feasible to use real project , or m I got something wrong
@AngularUniversity
@AngularUniversity Месяц назад
Sure it is, I use it all the time 😊