title: Bind AngularJS variables into CSS syntax
body: <p>I'm trying to figure out how to bind AngularJS scope vars into CSS syntax.
  I think that the problem is in the curly braces.
  Here is what I'm basically trying to do:</p>
  
  <pre><code>&lt;style&gt;.css_class {background:{{ angular_variable }}; color:#ffffff;}&lt;/style&gt;
  &lt;style&gt;.css_rule {background:{{ "#000000" }}; color:#ffffff;}&lt;/style&gt;
  &lt;style&gt;.css_rule {background:{{ var | someFilter }}; color:#ffffff;}&lt;/style&gt;
  </code></pre>
  
  <p>Any ideas on how this could be accomplished?
  Thank you!</p>