javascript - 表单控件 : Pristine attribute is not being updated?

Question

我正在尝试围绕 2 个输入框和一个按钮创建一些简单的表单验证。当这些输入字段框为空(原始)时，我希望禁用该按钮。当任一框有值时，我希望按钮能够提交。目前，当输入字段首次呈现时，pristine 属性为真。当在框中进行了更改时，它被设置为 false，但是当更改被删除时，我希望它返回到 false，但是 Angular 似乎没有重置此验证？

Answer 1

Pristine 并不意味着“空”，它意味着“自从它以这种形式显示以来，用户没有改变该值”。改用字段的 value 属性，例如

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

https://angular.io/guide/forms

但这是一个捷径，如果你想使两个输入中的任何一个成为必需的(并且在表单无效时简单地禁用提交)，请看这个线程:

Require one from two fields using Angular 2