我在模態框中有一個輸入，我想在單擊“確定”按鈕后將其恢復為原始狀態。我正在制作某種待辦事項串列，其中每次填寫輸入并單擊“確定”按鈕時，我撰寫的值都會保存在串列中。
問題是我想在每次輸入“重繪 ”時都禁用“確定”按鈕(click)="task.value = ''"，這僅在頁面重繪 時才有效。
一旦我輸入任何東西，它就會變得“臟”和“被觸動”，我想我應該讓它保持“原始/未觸動”？
HTML：
<div class="modal">
<p>What did you do?</p>
<input type="text" [(ngModel)]="activity.name" #task />
<button
(click)="addTask(task.value)"
(click)="task.value = ''"
[disabled]="activity.name === ''"
>
OK
</button>
</div>
TS：
activity: Activity = {
name: '',
};
addTask(item: string) {
this.list.push({ name: item });
}
uj5u.com熱心網友回復：
好吧，這不是一種形式，因此不能使其保持原始狀態或原封不動。
當activity.name您按下設定task.value為空字串的按鈕后，您的按鈕當前在為空字串時被禁用。這與您的物件不同activity。如果您想實作相同的目標，則需要將 實際設定activity.name為空字串才能滿足您的條件。由于我們使用的是雙向系結，您也可以在 addTask 函式中執行此操作。我只會做：
模板：
<input type="text" [(ngModel)]="activity.name" />
<button (click)="addTask()" [disabled]="!activity.name">OK</button>
TS：
addTask() {
this.list.push({ name: this.activity.name });
this.activity.name = '';
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/346408.html