1. Angular
  2. Forms
  3. Activity

Practice Activity

Change the simple form we had in our Joke application into a model-driven form with both form validation styling and validation error messages, like so:

activity example

Steps

Fork this blitz:

https://stackblitz.com/github/codecraft-tv/angular-course/tree/current/9.forms/9.activity/code/@activity

Change the JokeFormComponent so the form is implemented using model-driven forms.

Read any TODO comments in the blitz for hints.

Solution

When you are ready compare your answer to the solution in this blitz:

https://stackblitz.com/github/codecraft-tv/angular-course/tree/current/9.forms/9.activity/code/@solution

Caught a mistake or want to contribute to the book? Edit this page on GitHub!