在以下示例中，我希望能夠將輸入欄位重置為默認值（在用戶可能手動更改輸入值之后）
主要問題是，默認值永遠不會改變，所以重新設定它沒有任何作用
模板
<div>
<label>Select a number </label>
<input [value]="defaultValue" />
<button (click)="onClick()">Reset to default Number</button>
</div>
成分
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
})
export class AppComponent {
defaultValue = 10;
onClick() {
//wont work, because we are not changing the default.
this.defaultValue = 10;
}
}
uj5u.com熱心網友回復：
嘗試使用 [(ngModel)] 更新按鈕單擊時的值。
<input [(ngModel)]="defaultValue" />uj5u.com熱心網友回復：
您可以使用模板變數：
<input [value]="defaultValue" #input />
<button (click)="input.value = 10">Reset to default Number</button>
請參閱StackBlitz示例。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/322910.html
標籤：javascript 有角的 输入 数据绑定
下一篇：NGRX調度的無限回圈