title: How to bind css classes to angular2 elements, post-compiling?
body: <p>If I insert the html code directly in the HTML obviously that the css is noted and the element is correctly displayed.</p>
  
  <p>However, if I try to dinamically create the element in javascript and insert it the css classes won't be recognized.</p>
  
  <p>For example, I've tried:</p>
  
  <pre><code>var el = document.createElement("div").setAttribute("class","some_class");
  
  (...).appendChild(el).
  </code></pre>
  
  <p>And <code>el</code> does not obey to the css rules set by <code>some_class</code></p>
  
  <p>The only way I've been able to do this is directly change the element properties in javascript:</p>
  
  <pre><code>var el = document.createElement("div").style.width = "20px"; //this works
  
  (...).appendChild(el).
  </code></pre>
  
  <p>The element is correctly styled.
  Unfortunately I wanted to go by the class names / ids.</p>
  
  <p>So, any idea on how to do this? How exactly can I bind the newly created elements in javascript via <strong>_ngcontent-vkl-6</strong> tags created after angular2 compiling?</p>