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 表單快速入門

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM