Angular 材质 mat-form-field 有效颜色

【问题标题】：Angular material mat-form-field valid colorAngular 材质 mat-form-field 有效颜色
【发布时间】：2020-06-26 23:37:29
【问题描述】：

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

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

你能帮帮我吗？

非常感谢。

【问题讨论】：

【解决方案1】：

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

mat-form-field 有一个 Input 属性 color 。

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

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

【讨论】：