angular如何实现form表单的提交

1)、创建html （主要的标签是input 添加  双向绑定 [(ngModel)]="intervalTime" name="intervalTime"绑定必须有name属性值对应名称）参考网址：http://www.cnblogs.com/xxx91hx/p/7923237.html

2）提交表达数据

①定义form表单提交事件 （ngSubmit）="saveSetting(表单提交值)"  这里的表单提交值就是#formCont="ngForm"

②表单使用angular的ngForm   #regForm="ngForm"

 

(ngSubmit)="saveSetting(formCont.value)"  #formCont="ngForm">

间隔时间(毫秒):[(ngModel)]="intervalTime" name="intervalTime"/>范围50-50000

呈现时间(毫秒):[(ngModel)]="presentationTime" name="presentationTime"/>范围50-50000

type="submit">

保存当前值

 

3)组件内component

//保存当前设置数据

saveSetting(value){

console.log(value);

return false;

}