title: how to use inline style within ng-class in Angular?
body: <p>I'm in a situation where I want to apply an inline style to a DOM element based in a flag that I have defined in a controller. The reason behind this is that I cannot change the existing CSS used in the view, nor extend it.</p>
  
  <p>That said, here is my current view code:</p>
  
  <pre><code>  &lt;label class="control-label" ng-class="{'margin-left:100px' : is_modal}"&gt;Hello&lt;/label&gt;
  </code></pre>
  
  <p>is_modal is just a flag that I switch to true/false in the controller when needed.</p>
  
  <p>The above code is not working, I've also tried:</p>
  
  <pre><code>  &lt;label class="control-label" ng-class="{'style=margin-left:100px' : is_modal}"&gt;Hello&lt;/label&gt;
  </code></pre>
  
  <p>But does not work either. Anybody knows if this is possible? To define inline-styles? </p>
  
  <p>Another option would be ng-style, but I can't seem to bind my controller flag is_modal to the ng-style, since it does not allow to ask for conditions as ng-class does...</p>
  
  <p>Thanks
  Alejandro</p>