Angular Material 2：在 mat-checkbox 中添加 mat-error

Question

我想知道是否可以为复选框添加验证错误消息（mat-error），例如包括所需的验证。

<mat-checkbox [formControl]="formControl">
  <ng-content></ng-content>
</mat-checkbox>
<mat-error *ngIf="formControl.hasError('required')">

Answer 1

嗯，一个奇怪的解决方法 - 我实际上需要表单字段标签，但它也适用于 mat-error - 是在表单字段内部使用复选框类型的输入，同时隐藏连接到表单的输入，像这样：

<mat-form-field  appearance="standard">
    <mat-label>check</mat-label>
    <input matInput formControlName="check" [hidden]="true">
    <input (change)="check()" type="checkbox">
    <mat-error>{{ getErrorForCheck() }}</mat-error>
</mat-form-field>

是的，它很难看，但是为了让我的表单带有复选框的标签（或错误），我使用它。