我是新手,所以如果我問了一些小問題或錯誤的問題,請不要誤會我
<form >
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
</form>
<button>submit<button>
我想通過角度將所有值發送到 api
uj5u.com熱心網友回復:
如果您使用 Angular,您應該了解: https ://material.angular.io/guides
你的角度html
<form [formgroup] = formname>
<label for="fname">First name:</label>
<input formControlname=name type="text" id="fname" name="fname"><br><br>
<label for="lname">Last name:</label>
<input formControlname=name type="text" id="lname" name="lname"><br><br>
</form>
<button (click)="submitdata()">submit<button>
你的 TS 檔案
import{HttpClient}............
import{FormBuilder, FormGroup, Validators, FormControl}........
const(private formbuilder:FormBuilder, private http:HttpClient)
formname!:formgroup;
ngOnInit{
this.formname = this.formbuilder.group({
name : ['',validators.required];
lname : ['', validators.required];
})
}
submitdata(){
this.http.post('your_url', this.formname.value)
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/466342.html
上一篇:無法使背景使100%高度回應
下一篇:flex容器正在反轉專案
