角材料垫形场有效颜色

Question

当输入的值在mat-form字段中有效时，我想将轮廓颜色更改为绿色。

<mat-form-field appearance="outline">
     <input matInput formControlName="maxDaysSupply" (keypress)="numberOnly($event)">
</mat-form-field>

你能帮我吗？

非常感谢。

Answer 1

您可以根据表单验证提供不同的颜色。

mat-form-field具有输入属性color。

<mat-form-field appearance="outline" [color]="form.valid?'primary':'warn">

从他们的网站上获取有关如何设置主题的更多信息：https://material.angular.io/guide/theming