刪除使用Angular2的元素類

Question

我有兩個元素。當一個元素被佔用時，另一個元素的一個類應該被移除。

import {Component} from '@angular/core' 

@Component({ 
    selector:'display' 
    template:` 

    <div #myname /> 
    <p class="DN"> My name is Dude...</p> 

    ` 

}) 
export class DisplayComponent{ 
} 

當div懸停類p標籤DN應該被刪除。

Answer 1

你可以充分利用NgClass指令和mouseenter和mouseleave事件：

import {Component} from '@angular/core' 

@Component({ 
    selector:'display' 
    template:` 

    <div (mouseenter)="showDNClass = false" (mouseleave)="showDNClass = true" #myname /> 
    <p [ngClass]="{ 'DN': showDNClass }"> My name is Dude...</p> 

    ` 

}) 
export class DisplayComponent { 
    private showDNClass: boolean = true; 
} 

---

例如使用見Plunker