表单控件：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 需要两个字段中的一个