title: Angular 6 set Background Color in Html to CSS Variable
body: <p>I am using Angular 6 and I have a simple <code>div</code> and want to set the background color of this <code>div</code> from inside the template. This works fine when passing normal colors. But this does not work with CSS Variables.</p>
  
  <p>This example works</p>
  
  <pre><code>&lt;div [style.background]="'red'"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>This example does not work</p>
  
  <pre><code>&lt;div [style.background]="'var(--some-css-var)'"&gt;...&lt;/div&gt;
  </code></pre>