angular4 表單提交 和 數據交互到後臺 總結

 

1.表單數據提交  從模板HTML 到組件component

效果圖

先從模板HTML提及來

1)主要的標籤是input 添加  雙向綁定 [(ngModel)]="username" name="username" 綁定必須有name屬性值對應名稱

2）提交表達數據

①定義form表單提交事件 （ngSubmit）="onsubmit(表單提交值)"  這裏的表單提交值就是regForm.value

 

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

 

 

完整的HTML

 

組件內component

定義onsubmit函數

 

參考

Angular 4 表單快速入門