Angular4编程之表单响应功能示例

前端之家收集整理的这篇文章主要介绍了Angular4编程之表单响应功能示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了Angular4表单响应功能分享给大家供大家参考,具体如下:

响应式表单

1、响应式表单需要在appmodule文件中注入响应式表单模块

@NgModule( {imports: [FormsModule,ReactiveFormsModule……] ……}

2、form.component.ts组件当中引用

第一种方式:

第二种方式:

文件中绑定时使用*/ constructor() { this.formModel= new FormGroup({ formControl1: new FormControl(),formControl2: new FormControl(),…… }); } onSubmit () { console.log(this.formModel.value); } }

3、对应的HTML文件

formControl1
formControl2

至此,一份简单的响应式表单就完成了

更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《》、《》及《

希望本文所述对大家AngularJS程序设计有所帮助。

原文链接:https://www.f2er.com/js/34725.html

猜你在找的JavaScript相关文章