angular4鼠标悬停-学习

(mouseover)--鼠标 悬浮事件   (mouseout)--鼠标 离开事件

<div (click)="onclickLJ(item,tjQuestionData,i)" (mouseover)="over1(i)" (mouseout)="out1(i)" class="zuo_img1"></div>

 

angular4 通过class获取DOM

import {  ElementRef } from '@angular/core';
 constructor(  private el: ElementRef) { 
  }

 private el: ElementRef
    //鼠标悬停 逻辑设置 时提示信息设置

  over1(i) {
    this.el.nativeElement.querySelector('.img_XF1' + i).style.display = 'block';
  }

  //鼠标悬停离开 逻辑设置 时提示信息设置

  out1(i) {
    this.el.nativeElement.querySelector('.img_XF1' + i).style.display = 'none';
  }