垫输入的动态负载颜色

Question

我有以下系统。我们有一个后端系统，该系统从另一个系统获取输入以设置我们的角度应用程序。

因此，对于每个模块，我们加载不同的颜色来设置应用程序样式。模块1 =红色。模块2 =蓝色。

我们正在寻找的是颜色的动态变化，因为它可以随时更改。我见过的大多数解决方案都是硬编码的CSS，但这是行不通的。

我们尝试过的是：

<mat-form-field floatLabel="always" color="primary">
   <input #input matInput  [ngStyle]="{'color':  color }" />
</mat-form-field>

我们尝试调整原色调色板或使用ngStyle设置颜色，但没有成功。

Answer 1

我认为您可以使用“ ngClass”代替ngStyle。您可以参考angular文档以了解其实现。希望对您有所帮助。官方文档here