Angular Forms – The Complete Guide 2020

HTML 表单看起来非常简单。然而 Angular Forms 是该框架的主要核心模块之一，并且非常强大。为什么我们需要一个完整的框架模块来实现像表单这样简单的东西？答案很简单：表单可能是开发人员可能必须实现的一些最复杂的用户界面。

当然也有简单的表单，例如登录名和密码表单。但是非常快，特别是在仪表板开发、企业应用程序和 CRUD 应用程序的情况下，我们可以有一些非常复杂的表单需要实现的用例，跨越多个选项卡和编辑表单部分的对话框，所有这些都与复杂的业务逻辑验证规则。

跟踪大型表单的哪些部分是有效的，并在正确的时间向用户显示相关的表单错误消息，同时保持良好的用户体验是一项非常重要的任务，可以从框架的帮助中受益匪浅。

您将在本课程中学到什么

在这个 Angular Forms 教程中，您将学习如何使用两种不同的表单构建机制在 Angular 中实现简单和复杂的表单：模板驱动和反应式表单。您将学习如何通过使用它们来构建相同的表单来分别使用它们。

您将了解何时使用每种表单类型以及原因。您还将了解表单开发如何从使用函数式反应式编程技术中获益匪浅，以及 Angular 模型驱动的表单如何使这变得比以往更容易。您将了解反应式表单 API 如何公开可用于实现这些功能性反应式技术的 RxJs Observables。

最后，我们将通过练习将所有内容联系在一起：我们将逐步构建一个包含多字段验证的注册表单。

MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + .srt | Duration: 27 lectures (2h 42m) | Size: 935 MB

Have limited time to learn Angular Forms from A to Z

What you’ll learn:
Master the essential Angular concepts
Learn all about Template-Driven Forms
Know when to use each type of Form and why

Requirements
Basic familiarity with HTML, CSS and JavaScript
NO knowledge of Angular 1 or Angular 2 is required

Description
Why Does Angular Need a Forms Module ?

HTML Forms seem deceivingly simple. Yet Angular Forms is one of the main core modules of the framework, and its very powerful. Why do we need a full framework module to implement something so simple as forms ? The answer is simple: forms can be some of the most complex user interfaces that a developer might have to implement.

There are simple forms of course, like for example a login and password form. But very quickly and especially in the case of dashboard development, enterprise applications, and CRUD applications we can have use cases where some very complex forms need to be implemented, spanning multiple tabs and with dialogs that edit parts of the form, all coupled with complex business logic validation rules.

Keeping track of which parts of a large form are valid and displaying to the user relevant form error messages at the right time while keeping a good user experience is a non-trivial task, that can benefit a lot from the help of a framework.

What You will Learn In This Course

In this Angular Forms tutorial you will learn how to implement both simple and complex forms in Angular, by using two different form building mechanisms: Template Driven and Reactive Forms. You will learn how to use each separately by using them to build the same form.

You will learn when to use each form type and why. You will also learn how form development can benefit tremendously from using functional reactive programming techniques, and how Angular model driven forms make that easier than ever. You will learn how the reactive forms API exposes RxJs Observables that can be leveraged to implement these functional reactive techniques.

In the end we are going to tie everything together with an exercise: we are going to build step by step a signup form which will include multi-field validation.

Who this course is for
Developers who want to upgrade their skills and get better job opportunities
Back-end developers who want to learn front-end development and become full-stack developers