@Component({
selector: 'app-style',
template: `
<style>
.test {
color: {{ textColor }}
}
</style>
`
})
export class StyleComponent {
textColor = "red";
}
这似乎不工作,我需要我的样式是动态的,并在一些特定的CSS类。有没有其他方法可以让我这样做呢?
发布于 2018-08-23 02:17:10
你可以像这样使用ngStyle指令;
@Component({
selector: 'app-style',
template: `
<ul>
<li [ngStyle]="{color: textColor}">List Item</li>
</ul>
`
})
export class StyleComponent {
textColor = "red";
}
发布于 2018-05-05 21:00:06
您可以通过[style.color]
访问颜色样式,也可以在样式表[class]
中指定定义的类:
<div [style.color]="color">Style Test</div>
<div [class]="className">Class Test</div>
发布于 2018-08-20 20:10:24
我也曾面临过同样的问题。在我的例子中,使用的是had和xml,他在其中更改颜色,在加载应用程序时,我调用和api来读取xml和获取JSON对象。我已经对所有的颜色元素进行了分类,比如PrimaryForeground、PrimaryBackground、PrimaryHover等等。一旦我得到了json对象,我就会更新这个变量的值。
https://stackoverflow.com/questions/50189526
复制相似问题