title: ngClass style with dash in key
body: <p>I hope this saves someone a headache with styles that use dashes, especially since bootstrap has become so popular.</p>
  
  <p>I am using angular 1.0.5 by way of</p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>In the <a href="http://docs.angularjs.org/api/ng.directive:ngClass">ngClass documentation</a>, the example is simple, but it also mentions the expression can be a map of class names to boolean values. I was trying to use the "icon-white" style on my icon as shown in the <a href="http://twitter.github.com/bootstrap/base-css.html#icons">bootstrap documentation</a>, depending on a boolean variable.</p>
  
  <pre><code>&lt;i class="icon-home" ng-class="{icon-white: someBooleanValue}"&gt;
  </code></pre>
  
  <p>The line above does not work. The class is not appended with <code>icon-white</code> when <code>someBooleanValue</code> is true. However, if I change the key to <code>iconWhite</code>, it is successfully added to the list of class values. How would one add a value with a dash?</p>