css - 如何为 Angular 中的多个元素添加动态样式

Question

我在页面中有很多按钮和一个供用户输入颜色的输入。

有没有比下面代码更好的方法？

<button ng-style="myStyles">
<button ng-style="myStyles">
.....
....

<input type="text" ng-modal="myStyles.color">

我们可以生成如下动态类吗？

<style>
 button {
     color : {{myStyles.color}}
 }
</style>

Answer 1

尝试以下...

<button ng-class="{color: myStyles.color}">   

<input type="text" ng-model="myStyles.color">

您可以看到一个工作示例 here .