css - 如何在 typescript 中调用线性渐变函数？

Question

我正在尝试向 typescript 中的样式变量添加线性渐变。像这样的东西

在 component.html 中

<div class="colored" [ngStyle]="colorTest3">

在 component.ts 中

colorTest3 = {
   background-image: linear-gradient(red, yellow)
}

但它一直给我一个错误。帮忙？

Answer 1

如果没有用引号括起来，则对象属性名称中不能包含破折号 (-)。此外，该值也必须是一个字符串。

colorTest3 = {
  "background-image": "linear-gradient(red, yellow);"
}