如何从变量设置css类值

Question

我试图设置所有＆＃39;按钮的颜色。和＆＃39; a＆＃39;标记为来自变量的颜色。像这样，显然不起作用。

@Component({
styles: [`    
    a, button {
        color: {{ color_from_variable }};
    }
`]

Answer 1

这对我有用：

export const mainColor = 'blue';

@Component({
  ...
  styles: [`    
    p {
      color: `+mainColor+`;
    }
 `]
})

这是我为此做的StackBlitz示例：https://stackblitz.com/edit/angular-vpaarz

Answer 2

You can use ngStyle内的：

＆＃13;

＆＃13;

myData.success

＆＃13;

＆＃13;

＆＃13;