从控制台中删除警告消息

Question

您似乎在将 disabled 属性与反应式表单指令一起使用。如果你设置 disabled 为 true 当您在组件 class 中设置此控件时，disabled 属性实际上将在 DOM 中设置为你。我们建议使用这种方法来避免 'changed after checked' 错误。

 form = new FormGroup({
first: new FormControl({value: 'Nancy', disabled: true}, Validators.required),
last: new FormControl('Drew', Validators.required)

});

示例：形式 = 新 FormGroup({ 第一：new FormControl({value: 'Nancy', disabled: true}, Validators.required), 最后：新的 FormControl('Drew', Validators.required) });enter code here

Answer 1

您可以简单地解决这个问题并在您的属性上使用 [readonly]。

工作示例：

<input formControlName="disabledInput" [disabled]="ifSomething()"> // throws warning

<input formControlName="disabledInput" [readonly]="ifSomething()">//works the same with no warning

从控制台中删除警告消息

Remove waring message from console

angular

angular-reactive-forms