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:

#Angular

[exitspree]

Like said below; at 5:29 add </form> a line below </button>. Also make sure it doesn't say <label id="last-name"> twice. The first one of those two should be <label for="last-name">, like the rest of these entries, unlike what is shown in the video.

[Centrifuze]

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

[sneharakshe]

Really interesting and easy to understand playlist, feel like angular is easy than react 💯👏

[teemusekki]

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.

[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 ?

[albrough]

@4:52, should it not be <label for=last-name">?

[teemusekki]

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

[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.😥

[kushansumanaweera]

time stamp 05.31, you forgot to close form tag </form>

[Himanshubishnoi-tdnh]

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

[gillesashley]

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.

[teemusekki]

After adding form I got error this again <a [routerLink]="['/details', housingLocation.id]">Learn more</a>. Some kind parse error

[HatchettTheGreat]

Sheesh how do you code with that ide theme lol

[ShawnTalbert-ku]

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

[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.