Angular 2 Forms Tutorial - Introduction

Angular 2 Forms Tutorial - Introduction

HTML forms are an essential part of every data-driven web application. The user is able to enter data by using input elements of forms. Therefore a form does not only present data entry fields in the right order but also needs to offer further guidance. Any modern web form will deliver immediate feedback, so that the user is able to see if any input errors occurred before finally submitting the data.

In this tutorial you will learn how to start building forms using the Angular 2 framework. Angular 2 offers a lot of building blocks which makes implementing forms straight forward. In the following you'll find a step-by-step introduction of how to set-up a new initial Angular 2 application, import the Angular 2 forms module and implement a simple data entry form.

Musik:
Night Owl by Broke For Free is licensed under a Creative Commons Attribution License.

[tomtobac]

Its not necessary to implement "currentBook", you can use the pipe "json":
Ex: <code>{{ model | json }}</code>
Great video! :)

[andyc]

Awesome tutorial, i like how you made good use of the angular CLI. Just subscribed. Keep it up!

[CoveiraoPS]

Thanks for putting your time to make this video

[ashishshrestha]

Awesome. Can you do the video about formdata object in angular 2?

[uyk-qnyq]

Very clear explanation, thank you. However I would like to know why you didn't put the book.model.ts inside the Book component folder itself?

[pratibhapawar]

facing this issue - Cannot find module '../book.model'

[xgqfrms]

get currentBook() {
return JSON.stringify(this.module);
}