使用Angular2删除元素的类

发布时间：2020-12-17 17:54:17 所属栏目：安全来源：网络整理

导读：我有两个要素.当一个元素悬停时,应删除另一个元素的一个类. import {Component} from '@angular/core'@Component({ selector:'display' template:` div #myname / p class="DN" My name is Dude.../p `}) export class DisplayComponent{} 当div悬停时,应删

我有两个要素.当一个元素悬停时,应删除另一个元素的一个类.

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.

解决方法

您可以利用 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;
}

See 07001 for example usage

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!