素材巴巴 > 程序开发 >

Angular5小结 -- 模板驱动表单

程序开发 2023-09-02 17:45:02

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

涉及用户输入

#template
 

代替$event

keyup.enter
 

代替 keycode检测

摸板驱动表单

形式,ngForm是Angular提供的。表单中使用_[(ngModel)]_时,必须要定义_name_属性,每个 input 元素都有name属性,Angular 表单用它注册控件 (注:在内部,Angular 创建了一些FormControl,并把它们注册到NgForm指令,再将该指令附加到标签。 注册每个FormControl时,使用name属性值作为键值。本章后面会讨论NgForm。)

#name = "ngModule"
 

设置错误提示模板引用,指令的 exportAs 属性告诉 Angular 如何链接模板引用变量到指令。 这里把name设置为ngModel是因为ngModel指令的exportAs属性设置成了 “ngModel”。例:

Name is required
myForm.reset()
 

用于清除所有css状态。

  1. 在标签中绑定ngSubmit

 
  1. 提交按钮作如下处理:

 

转载于:https://my.oschina.net/u/3554461/blog/1606989


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。