title: Inline CSS with angular interpolation
body: <p>I am working on Angular and is trying to set this div background color dynamically based on the color specified by <code>"cardData.color"</code>. </p>
  
  <p>E.g. </p>
  
  <pre><code>cardData = {id: '1', color: '#202020'};
  </code></pre>
  
  <p>I've tried the code shown below but it doesn't work.</p>
  
  <pre><code>&lt;div style="background-color: {{cardData.color}}; padding: 10px 20px;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Is there any way, I can set the background color dynamically based on the object's color?? Thank you.</p>