ngClass 没有应用 class？

Question

当我这样做时：

           <mat-form-field class="mat-form-field-invalid">
                <mat-label>ID</mat-label>
                <input matInput [(ngModel)]="this.testData">
            </mat-form-field>

它在字段上加了红色下划线，但是当我这样做时：

           <mat-form-field [ngClass]="{'mat-form-field-invalid':true}">
                <mat-label>ID</mat-label>
                <input matInput [(ngModel)]="this.testData">
            </mat-form-field>

它没有放红色下划线。我在这里遗漏了什么吗？

Answer 1

ngClass 不适用于 <mat-form-field> 您可以使用以下语法-

<mat-form-field [class.mat-form-field-invalid]="true">

ngClass 没有应用 class？

ngClass not applying the class?

angular-material

angular