title: Specifying style class for nested angular 2 component
body: <p>Say inside my.component.html</p>
  
  <pre><code>&lt;nested-component [class]="nestedClass"&gt;&lt;/nested-component&gt;
  </code></pre>
  
  <p>Then when I want to use my component, I want to specify both their style classes:</p>
  
  <pre><code>&lt;my-component class="my-component-style" nestedClass="nested-component-style"&gt;&lt;/my-component&gt;
  </code></pre>
  
  <p>The above did not work (i.e. the nested-component did not get assigned the style class .nested-component-style). How would you fix the code above? Other workarounds are welcome.</p>