KnowledgeCity

Angular 中的模板驱动表单

本章将重点介绍构建模板驱动的表单。您将学习如何创建表单模板并将其绑定到数据模型。您将了解Angular的控件状态,以及如何使用它们来处理表单验证并向用户显示错误反馈消息。
免费观看第一课 — 获取全部 6 节课程的完整访问权限。

To view this video please enable JavaScript.

课程:按需
中级  提供者 Michaela Ochnich  6 课时 ·  30m  语言:阿拉伯语, 德语, 英语, 西班牙语, 法语, 葡萄牙语, 简体中文 

课程描述

本章将重点介绍构建模板驱动的表单。您将学习如何创建表单模板并将其绑定到数据模型。您将了解Angular 的控件状态,以及如何使用它们来处理表单验证并向用户显示错误反馈消息。本章还将介绍表单提交。

您将学到的内容

  • 创建模板驱动表单以收集用户信息
  • 构建表单模板并将其绑定到数据模型
  • 使用 Angular 的控件状态来跟踪表单和输入状态
  • 实现表单验证并向用户显示错误反馈消息
  • 处理表单提交

关键要点

  • 本章重点介绍在 Angular 中构建模板驱动表单,包括创建表单模板并将其绑定到数据模型。
  • Angular 的控件状态可用于处理表单验证并向用户显示错误反馈消息。
  • 本章将表单提交作为模板驱动表单操作的一部分进行讲解。
  • 表单验证在两个专题课(表单验证第一部分和第二部分)中均有涉及。

常见问题

本章涵盖哪些内容?

本章重点介绍在 Angular 中构建模板驱动表单,包括创建表单模板、将其绑定到数据模型、使用控件状态、通过错误反馈消息处理表单验证以及表单提交。

我将学会如何处理表单?

您将学习如何创建表单以获取用户信息,以及如何管理表单验证和提交。

本章如何讲授 Angular 表单验证?

表单验证通过 Angular 的控件状态进行讲解,这些状态用于处理验证并向用户显示错误反馈消息,并分为两节课:表单验证第一部分和表单验证第二部分。

本章包含哪些课程?

课程内容包括:构建模板、绑定表单、控件状态、表单验证第一部分、表单验证第二部分和表单提交。

本章与哪些技能相关?

本章涉及 Angular(Web 框架)、Angular 组件、Angular 响应式表单、Angular UI、Ng Controller 和模板。