<p dir="auto">Hi all!</p>
<p dir="auto">I came accross and odd behaviour on binding my css classes to HTML elements.<br>
Am I supposed to use an expression on [class] property?</p>
<p dir="auto">Example:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/8090726/8826875/5c9baeb6-3081-11e5-8d4e-58d923b653d2.png"><img src="https://cloud.githubusercontent.com/assets/8090726/8826875/5c9baeb6-3081-11e5-8d4e-58d923b653d2.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">HTML Element:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/8090726/8826869/517f8db8-3081-11e5-8635-14df64e69cea.png"><img src="https://cloud.githubusercontent.com/assets/8090726/8826869/517f8db8-3081-11e5-8635-14df64e69cea.png" alt="image" style="max-width: 100%;"></a></p>
<hr>
<p dir="auto"><b>The css class properties are not visible on the HTML (background color).</b></p>
<p dir="auto">As you can see, I used an expression to bind the class of the element.<br>
But the output has hyphens instead of Capital Letters.</p>
<p dir="auto">The expected output of the class:<br>
MenuItemBlueColor</p>
<p dir="auto">By the way, the class exists and the expected output would be the background color.</p>
<p dir="auto">Best regards,<br>
Tiago Braga</p>
<p dir="auto">I'm finding problems with css that uses camel case when using CSSClass because <a href="https://github.com/angular/angular/blob/44891996b592cbbeafb3a6f45a27d8d943895bab/modules/angular2/src/render/dom/view/view.ts#L58">this line</a> automatically converts each class to dashed case.</p>
<p dir="auto">Can we have a choice between camel case and raw input when using the CSSClass directive?<br>
Would be nice if we could provide a means to configure CSSClass directive per component.</p>