Build Web Apps with Angular 2

Build Web Apps with Angular 2 Challenge 9

Topics:
Lukas Ruebbelke
Lukas Ruebbelke
Venmo

This course has been updated! We now recommend you take the Angular 9 Fundamentals course.

Check out a free preview of the full Build Web Apps with Angular 2 course:
The "Challenge 9" Lesson is part of the full, Build Web Apps with Angular 2 course featured in this preview video. Here's what you'd learn in this lesson:

In this challenge, you will create a form for the widget-details component. You will bind the form to a widget object and submit the details to the parent component.

Get Unlimited Access Now

Transcript from the "Challenge 9" Lesson

[00:00:00]
>> [MUSIC]

[00:00:03]
>> Lukas Ruebbelke: Okay. So for the sake of the challenge, it's going to be ngModel, with ng-click that will get you through phase one. So what I want you to do is, in your widget-details form, your object, your selected object, I want you to create a form and bind to that via input.

[00:00:28] Then I want you to find a way to submit that up to the parent component via output. Now, what I'd like you to do from here is take what you've seen in the plunks and start to build out FormBuilder to control that. So start to actually set up a control group via FormBuilder and then add in some validators for that, at least one for the bonus.