Reactive Forms  - The Basics

Reactive Forms - The Basics

Fireship

6 лет назад

255,458 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Fireship
Fireship - 22.05.2018 22:22

Forms are the core feature of many apps. Being skilled with reactive forms should be a high priority for virtually all Angular developers. I hope this video helps solidify the core principles :)

Ответить
Bill New, Sr.
Bill New, Sr. - 13.09.2023 17:50

"... is too you old..."

Just shows that we make funny messages by mistake when coding software. Not intentional but coding happens like that at times.

Ответить
Nick
Nick - 30.08.2023 00:45

I really REALLY love the intro music, it's so relaxing for coding, please share whenever you feel relaxed and confident to do so! (no rly, share coz I'm dying for this music track)

Ответить
Anton L
Anton L - 24.08.2023 11:11

Any tips on how to effectively create getters for forms?

Ответить
Bill New, Sr.
Bill New, Sr. - 22.08.2023 02:27

Well done video.

Sadly using Angular 15.2.6 (not AngularJS) does not pass back the values submitted on the Dialog. (Around 14 minutes and 30 seconds in your video.) * Fix found in my response to this item *

All I see is object using my code when referring to the form data. The viewing of the data as changes are made works great otherwise. But I need to be able to get directly to the data. Sadly debugging, so far, will not let me look at the typescript before sending the data to my Database call which never happens due to the form data is showing up as "object" on submit.

Ответить
Patrick McLean
Patrick McLean - 11.08.2023 16:04

Didn't know you could subscribe to a reactive form

Ответить
sarkasmt2
sarkasmt2 - 16.01.2023 18:19

A comment for the algorithm-gods!

Ответить
Jo JANSSEN
Jo JANSSEN - 03.10.2022 11:38

Is this still valid in 2022?

Ответить
Tio Deniz
Tio Deniz - 30.09.2022 10:03

Does angular/firebase still holds it value in 2022?

Ответить
Beatrix
Beatrix - 03.06.2022 18:30

Super pact video, took me like an hour but it was worth it! Awesome tutorial

Ответить
Yakov Neumann
Yakov Neumann - 17.05.2022 16:58

a beautiful explanation 😀

Ответить
bongo
bongo - 05.05.2022 04:08

angular materials sucks

Ответить
Vlad Kuznetsov
Vlad Kuznetsov - 25.03.2022 11:58

When I tried to repeat nested forms I have to deep copy phone group, else both of phones updates simultaneously

Ответить
Rohit Hannurkar
Rohit Hannurkar - 23.03.2022 18:49

can we get github link?

Ответить
Andrew Lawgar
Andrew Lawgar - 27.01.2022 16:21

Too fast too messy, too few examples and not well explained.

Ответить
Sample1
Sample1 - 08.01.2022 08:54

Hey fireship !
This video is great !
But what's the angular version is this ??

Ответить
Arto _
Arto _ - 04.01.2022 23:07

cool as fuck

Ответить
Best Recipes
Best Recipes - 05.11.2021 16:14

you talk too fast and you have already code some stuff beforehand so makes it impossible to follow!

Ответить
Zaid Quadri
Zaid Quadri - 21.10.2021 22:29

Please bring back this intro theme song man

Ответить
E Kings
E Kings - 20.10.2021 02:58

(No sarcasm) I appreciate how your videos assume we are competent enough developers that don't need every single thing spoon fed. Thanks for your concise approach to teaching.

Ответить
Pavanesh Soni
Pavanesh Soni - 24.07.2021 06:20

Nice

Ответить
Ryan Roga
Ryan Roga - 23.07.2021 07:10

The more I watch videos on Angular the more I can't help thinking "fuck, I hate angular". This is like the bowling alley with bumpers, only you're also solving a Rubik's cube jigsaw puzzle strapped to the back of an angry terrorist.

Ответить
Simone Maddiona
Simone Maddiona - 02.07.2021 12:58

is there a mini version of you to get out from a pocket whenever i need your immense knowledge? geez you are smart

Ответить
S B
S B - 01.07.2021 08:08

Contact you?

Ответить
S B
S B - 01.07.2021 08:07

Project source code?

Ответить
S B
S B - 01.07.2021 08:07

Ur telegram channel link?

Ответить
Camilo Patiño
Camilo Patiño - 18.05.2021 18:19

Does anyone fixed the nested form issue, about the same phone constant?

Ответить
Hedayatullah Tajik
Hedayatullah Tajik - 24.04.2021 21:56

Hello, How can I buy this complete Kurs ?

Ответить
Prashant Rao
Prashant Rao - 15.04.2021 11:23

Sir I want send to multiple images by using dynamic reactive forms through FormData to API.
Like this -
{
"name":"productname",
"images":{ "img1" , "img2" , "img3" }
}

Ответить
M Z
M Z - 15.04.2021 05:12

Now I need to figure out custom validators, and why and when I need an async one
I love this video. One thing...the music starts a bit too soon before it's really done and is kind of distracting.

Ответить
jorge rivera
jorge rivera - 14.04.2021 19:23

Is there any reason to create the form in the ngOnInit life-cycle hook instead of the constructor? I ask because I've seen other tutorials where they do it in the constructor.

Ответить
KarmaBeliever
KarmaBeliever - 09.02.2021 21:37

Just awesome.. very helpful

Ответить
Roman Roman
Roman Roman - 01.02.2021 22:46

I'm repeating after the video. How can I handle this error:
error TS2564: Property 'myForm' has no initializer and is not definitely assigned in the constructor. ?

Ответить
ႥႨႲႰႳႥႨႠႬႤႪႨ
ႥႨႲႰႳႥႨႠႬႤႪႨ - 22.01.2021 21:50

what theme do you use here?

Ответить
Daniel Zaiser
Daniel Zaiser - 13.01.2021 16:56

what is the benefit of angular material compared to regular NgForm??

Ответить
Jozsef Maronka
Jozsef Maronka - 29.12.2020 23:46

It helped me a lot. Thanks!

Ответить
Jesus Manuel
Jesus Manuel - 24.12.2020 00:50

So this is 'the basics'? UwU Love it

Ответить
MotoDanKZ
MotoDanKZ - 12.11.2020 20:17

Why is it zoomed so much? Unzoom

Ответить
John Morris
John Morris - 09.11.2020 15:53

Great and informative. Keep them coming.

Ответить
vik 88
vik 88 - 29.10.2020 21:37

How can I make sure that the validator is not taking effect until i click off of the input feild?

Ответить
PGC *
PGC * - 29.10.2020 13:10

Hi
Thank you very much.
What's Angular icon theme you are using ? Please let me know. Thanks

Ответить
Maxi
Maxi - 15.09.2020 12:15

What do you guys think of angular material? In my opinion, it's kinda annoying that you have to essentially fight against their css, sometimes requiring very specific selectors of !important. I feel like it's intended for people that just want to slap some components into their html and not adjust anything but colour and stuff... For me, I actually prefer just implementing the styling from scratch, with normal html elements, depending on how I want things to look... Maybe I'm doing something wrong though and there's a way to raise the priority of your custom css file for a component, if that's even a thing

Edit: order of loading css files doesn't help, since their selectors are very specific and their style sometimes even uses !important

Ответить
Malik Brahimi
Malik Brahimi - 31.08.2020 07:31

How do you break your project tree into multiple modules? I saw ng generate module but idk how you'd avoid circular imports with global services in the app module.

Ответить
Jon Poltorak
Jon Poltorak - 04.08.2020 21:27

One of the best tutorials on reactive forms, excellent job 👍

Ответить
Ancuta Morarasu
Ancuta Morarasu - 07.07.2020 14:44

Awesome content! It really helped me, thanks!

Ответить
Nirdesh Mohan
Nirdesh Mohan - 30.06.2020 18:35

Simple and straight forward explanation.

Ответить
Jurgis Sinkevičius
Jurgis Sinkevičius - 30.06.2020 18:25

What is your approach on conditional/related field validation ("confirm email", or "if A is checked, only then B is required")? It's one thing I still can't find a clean solution to and end up with nasty looking custom validators and/or custom setters on component to update formgroup when inputs change

Ответить
Sai Siddhartha
Sai Siddhartha - 18.06.2020 18:40

epic explanation brother! Absolutely no crap. Loved it

Ответить
Xenon
Xenon - 10.06.2020 03:37

yup he shows, not teach

Ответить