title: Remove Class of the element using Angular2
body: <p>I have two elements. When one element is hovered another element's one class should be removed.</p>
  
  <pre class="lang-js prettyprint-override"><code>import {Component} from '@angular/core'
  
  @Component({
      selector:'display'
      template:`
  
       &lt;div #myname /&gt;
       &lt;p class="DN"&gt; My name is Dude...&lt;/p&gt;
  
      `
  
  })
   export class DisplayComponent{
  }
  </code></pre>
  
  <p>When <code>div</code> is hovered the class <code>DN</code> of <code>p</code> tag should be removed.</p>