Angular.js 4.x中表单Template-Driven Forms详解

本文主要介绍 Template-Driven Forms ，将涉及 ngForm、ngModel、ngModelGroup、表单提交事件、表单验证和异常信息输出等内容。运行以上代码，非常好，我们已经绑定了 name 输入框的值。但我们应该怎么为输入框设置初始值？SignupFormComponent 组件类的用户模型中，包含了一个嵌套属性 account ，account 对象中包含 email 和 confirm 属性，分为表示邮件地址和重复确认的邮件地址。在为表单项添加验证规则前，我们先来更新一下 SignupFormComponent 组件中的 Sign up 按钮，确保在表单验证不通过时，不允许用户执行表单提交操作。有没有办法去掉 userEmail 和 userConfirm 引用对象呢？表单控件有以下 6 种状态，我们可以通过 #userName="ngModel" 方式获取对应的状态值。例如联系人的信息包括姓名及住址，现在需对姓名和住址进行精细化信息收集，姓名可精细化成姓和名字，地址可精细化成城市、区、街等。