css - 如何在 typescript 中调用线性梯度函数？

我正在尝试向打字稿中的样式变量添加线性渐变。像这样

在component.html中

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

在component.ts中

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

但它总是给我一个错误。救命？

最佳答案

如果您在对象属性名称中没有用双引号（-）引起来，则不能在它们之间加上引号。同样，该值也必须是字符串。

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