How to use string interpolation in style tag in Angular component? : <pre><code>@Component({
  selector: 'app-style',
  template: `
    &lt;style&gt;
      .test {
        color: {{ textColor }}
      }
    &lt;/style&gt;
  `
})
export class StyleComponent {
  textColor = "red";
}
</code></pre>

<p>This doesn't seem to be working and I need my styles to be dynamic and in some specific CSS class. Is there some other way I could do this?</p>
