title: Angular2 [ngClass] conditional bootstrap styling being cut off
body: <p>I can't make Angular2 work with a conditional ngClass styling and bootstrap labels.</p>
  
  <pre><code>&lt;h1 [ngClass]="{'label label-warning': yourName=='Daniel', 
                  'label label-success': yourName!='Daniel'}"&gt;
  </code></pre>
  
  <p>ngClass appears to be removing the first 'label' from a <code>'label label-success'</code> when I style my app. It correctly styles when the second conditional is met, but when the first conditional is met, the styling is incorrect.</p>
  
  <p>On inspection of the element, when the second conditional has been met the style is <code>h1.label.label-success</code>, however when the first condition is met it is incorrectly styled as <code>h1.label-error</code>.</p>
  
  <p>See this plunker for the error.</p>
  
  <p><a href="https://plnkr.co/edit/qJLWBzCXXUn7hNKEWXIs?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/qJLWBzCXXUn7hNKEWXIs?p=preview</a></p>
  
  <p>I have followed the AngularJS Upgrade guide (<a href="https://angular.io/docs/ts/latest/cookbook/a1-a2-quick-reference.html" rel="nofollow noreferrer">https://angular.io/docs/ts/latest/cookbook/a1-a2-quick-reference.html</a>) but cannot get it to work correctly</p>