如何在Angular组件的style标签中使用字符串插值？
如何在Angular组件的style标签中使用字符串插值？
提问于 2018-05-05 20:38:59
@Component({
selector: 'app-style',
template: `
<style>
.test {
color: {{ textColor }}
}
</style>
`
})
export class StyleComponent {
textColor = "red";
}这似乎不工作，我需要我的样式是动态的，并在一些特定的CSS类。有没有其他方法可以让我这样做呢？
回答 4
Stack Overflow用户
发布于 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";
}Stack Overflow用户
发布于 2018-05-05 21:00:06
您可以通过[style.color]访问颜色样式，也可以在样式表[class]中指定定义的类：
<div [style.color]="color">Style Test</div>
<div [class]="className">Class Test</div>Stack Overflow用户
发布于 2018-08-20 20:10:24
我也曾面临过同样的问题。在我的例子中，使用的是had和xml，他在其中更改颜色，在加载应用程序时，我调用和api来读取xml和获取JSON对象。我已经对所有的颜色元素进行了分类，比如PrimaryForeground、PrimaryBackground、PrimaryHover等等。一旦我得到了json对象，我就会更新这个变量的值。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50189526
复制相关文章
相似问题
腾讯云开发者
