Forms in Angular - Learning Angular (Part 7)

Learn about Angular forms, formGroups and formControls. Watch a step by step guide on how to bind a formGroup to an HTML form, retrieve the data and pass it to other parts of the application, and more!
Resources:
Completed code for this lesson → goo.gle/3LUClhF
Watch the next episode, HTTP in Angular → goo.gle/3VGL0sj
Watch more episodes of Learning Angular→ goo.gle/Learning-Angular
Subscribe to Angular → goo.gle/Angular
#Angular

[@Angular]

Watch more episodes of Learning Angular→ goo.gle/Learning-Angular

[@diprefranco]

5:38 best part

[@MarfTaylor]

hello there, what happens if I have the form component separated from the app component, do I need to pass the classes again to the imports array ?

[@jediampm]

Hi,
again inline template too big, it should be in separate file.
Or at least the form should be in a new component and you could take advantage to teach how emit events.
Like in Angular docs, here in this video, for a form so simple and without validation make no sense use / teach reactive form for beginners.
A template driven form or even without it would be enough. This way some junior dev or other devs that use other frameworks think that Angular learning curve is big. Because in tutorial for beginners you are teach advance things like reactive forms. This is valid form this tutorial and for Angular docs.
So please start and keep it simple.
Thanks you.😥

[@teemusekki1743]

I don't have any clue about Angular debuging since I'm just starter. But it seems that after clicking Learn more I have some kind a parsing error but in vscode doesn't show any errors and yesterday it worked before adding form. So I asume that have some mistakes in my form but it seems similar that this example.

[@Centrifuze]

Dunno if this is a version issue or not, but at 5:29, I needed to add in between the button and .

[@pogchamper228]

5:31 close the "form" tag.

[@Himanshubishnoi-td3nh]

Angular make Java Brains angular Playlist as your default video documentation.

[@kushansumanaweera7086]

time stamp 05.31, you forgot to close form tag

[@teemusekki1743]

I add some console.log in getHousingLocationById and seems that function got right parameter. ERROR Error: Uncaught (in promise): InvalidCharacterError: String contains an invalid character...first line of console error

[@albrough]

@4:52, should it not be

[@Angular]

Yes, that's correct! That's a typo that we've corrected in the code. Good catch.

[@gillesashley9314]

As a React developer, I wanted to learn Angular, but this series just killed my morale, Angular is overwhelming. It has so many part you need to understand.

[@michamiek4455]

Its similar to react hook form control method

[@foxdie8106]

I agree, but angular's form are powerful, you can do a lot of things. It kills react forms.

[@user-qv3ig2lh5r]

look at the Angular 'template driven forms' approach. They are simple yet powerful. I don't know why they keep pushing the imperative 'reactive' forms approach like this is 1994 Windows development.

[@NaomiNos]

I'm getting Can't bind to 'submit' since it isn't a known property of 'form'.ngtsc(-998002) and it doesn't let me to use [submit] in brackets. Removing [] doesn't do anything.

[@user-qv3ig2lh5r]

This should have been about template driven forms. So called 'reactive' forms are a step backwards for webdev IMHO and more complicated.

[@djrandomoficial4901]

Kd os BR

[@teemusekki1743]

After adding form I got error this again Learn more. Some kind parse error