关于asp.net mvc：如果表单无效或为空则禁用复选框，如果有效则启用

Disable checkbox if form is invalid or empty and enable if valid

我有一个带有几个文本字段的angular表格。我在字段下方有一个复选框。

如果表单中的字段为空或无效，我想禁用该复选框。

checkbox的html代码如下。我试过[disabled] ="form.invalid"。当我以这种方式使用它时，复选框被禁用并出现错误消息。

另外，我尝试了在 .ts 文件中添加函数 [disabled]="!areDetailsInvalid()" 的方法。

1
2
3
4
5
6
7
8
9
10
11
12
13
14

public updateValidity(_event: Event) {
setTimeout(() => {
this.formIsValid = this.form.valid;
}, 0);
}
public areDetailsInvalid()
{
return this.formIsValid;
}

<mat-checkbox disableRipple class="head checkboxlabel mat-warn" [checked]="saveAsCheckbox" [disabled]="!areDetailsInvalid()" (change)="toggleSaveAs()">
<span class="save-as-checkbox-label">Check to save {{saveAsLabel}} information</span>
</mat-checkbox>

如果表单无效，该复选框将被禁用。但如果表单有效，则不会再次启用。