码迷,mamicode.com
首页 > 其他好文 > 详细

模板驱动表单(实验部分)

时间:2019-05-30 10:49:01      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:图片   技术   model   创建   建模   mamicode   str   msm   module   

#模板驱动表单验证(template-driven form validation)实现思路

1. 引入 FormsModule

2. 应用 NgForm和ngModel(关联class的属性)

3. 验证

4. 给出提示

5. 提交(Submit)

#实现知识点
在login.component.ts中
<form #f="ngForm" class="login-form"> //创建模板引用变量

实现双向数据绑定,template与model class之间的数据绑定

创建model(model是一个class)

#实例化的三种方法

1.声明即为实例化

2.constructor中实例化

3.init时,实例化

email?.v 作逻辑判断,当前面对象存在时,(不为null),才对后面的属性作操作。
 
技术图片

 

技术图片

技术图片

技术图片

技术图片

技术图片

 

 技术图片

 

 

模板驱动表单(实验部分)

标签:图片   技术   model   创建   建模   mamicode   str   msm   module   

原文地址:https://www.cnblogs.com/aiyamoer/p/10947916.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!