Angular学习笔记（二十）表单处理之模版式表单

首先，Angular提供了2种表单处理方式

一、模版式表单
二、响应式表单

两种表单处理方式的不同点在于：

模版式表单：其数据模型是通过组件模版中的相关指令来定义，因为受限于HTML的语法，所以只适用于简单的表单场景。

响应式表单：使用TypeScript创建底层模型，运用特定的指令将模版和底层ts数据模型绑定。

在此，我们先学习模版式表单。

模版式表单指令

先丢出一个demo

html

用户名：
手机号：
密码：
确认密码：
     
注册
 
 
{{localform.value | json}}
 
{{localModel.value | json}}

ts

  onSubmit(info){console.log(info);}

运行图

ngForm

ngModel

ngFormGroup