title: How to dynamically change CSS in :host in angular 2?
body: <p>How do I dynamically change CSS properties of a component host?</p>
  
  <p>I have a component and in it's CSS I have given it a stlye:</p>
  
  <pre><code>:host {
    overflow-x: hidden
  }
  </code></pre>
  
  <p>On a button click from child component, I need to add <code>overflow-y: hidden</code> to the host component.</p>
  
  <p>How do I achieve this behavior?</p>