表單控件：Pristine 屬性未更新？

Question

我正在嘗試圍繞 2 個輸入框和一個按鈕創建一些簡單的表單驗證。 當這些輸入字段框為空（原始）時，我希望禁用該按鈕。 當任一框有值時，我希望按鈕能夠提交。 目前，當第一次渲染輸入字段時，原始屬性為真。 當在框中進行更改時，它被設置為 false，但是當更改被刪除時，我希望它 go 恢復為 false，但是 Angular 似乎沒有重置此驗證？

Answer 1

Pristine 並不意味着“空”，它的意思是“用戶沒有更改值，因為它以這種形式顯示”。 改為使用字段的value屬性，例如

<button [disabled]="!myField1.value?.length && !myField2.value?.length">

https://angular.io/guide/forms

但這是一個捷徑，如果您想要求兩個輸入中的任何一個（並且在表單無效時簡單地禁用提交），請查看此線程：

使用 Angular 2 需要兩個字段中的一個