angular 如何在不提交的情況下輸入和選擇值回傳結果我有貨幣轉換器形式的最新 api
<form [formGroup]="newForm" (ngSubmit)="convert()">
<div>
<h1>
Currency
</h1>
<div>
<input type="number" formControlName="amount1">
<select id="from" formControlName="from">
<option value="" disabled>Choose currency</option>
<option value="{{ m.code }}" *ngFor="let m of rates" >{{m.code}}</option>
</select>
</div>
<div>
<input type="number" [value]="name">
<select id="to" formControlName="to">
<option value="" disabled>Choose currency</option>
<option value="{{ m.code }}" *ngFor="let m of rates" >{{m.code}}</option>
</select>
</div>
<button type="submit" [disabled]="!newForm.valid"> Convert </button>
</div>
</form>例如，要將美元轉換為歐元，請在“amount1”中輸入一個數字并將其回傳到 <input type="number" [value]="name">。如何在沒有提交按鈕的情況下執行此操作并自動回傳結果，如果我更改數字，它會自動更改
uj5u.com熱心網友回復：
你可以使用(input)evt。我希望它對你有用。
像下面這樣
<input type="number" [value]="name" (input)= "getNum($event.target.value)">
ts
getNum(val){
console.log(val)
}
uj5u.com熱心網友回復：
您可以通過訂閱ngOnInit方法中的valueChanges屬性來檢測表單值的變化。
this.newForm.get('amount1').valueChanges.subscribe((val) => {
this.name = val;
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/357429.html
標籤：javascript 有角的 打字稿 货币 转换器