如何将 typescript 颜色变量传递给 html div？

Question

does anyone know how can I pass a typescript color variable to an html div? i am also using scss

.ts

{colorBorder}

.scss

.colorBorder{
    border: 5px var(--colorBorder);
}

.html

<div class="colorBorder">

Answer 1

You can use ngStyle or set the particular style like [style.border] like so.

<p [ngStyle]="{ border: '1px solid ' + borderColor }">
  Start editing to see some magic happen :)
</p>

or

<p [style.border]="'1px solid ' + borderColor">
    Start editing to see some magic happen :)
</p>

stackblitz