详解Angular2表单-模板驱动的表单(Template-Driven Forms)

在网页开发中，表单估计是最常用的一个，同时也是最麻烦、最容易出问题的。但是，Angular2在上实现了一个指令'ngForm'，这样，对于所有的html的form表单，都会使用ngForm组件去初始化该表单。接下来，我们需要在模板里面访问这个ngForm的实例，这样我们就能够从这个实例里面获取数据，或者获取数据验证状态。在Angular2中，使用ngModel结合name属性来创建一个表单控件FormControls。我们在面板中创建了表单，在组件中初始化了用户数据，并显示到页面上，在页面上用ngModel，将页面上的数据更改绑定到组件上。下一步，我们来添加数据验证，Angular2为我们提供了几种最基本的验证：