在新的Angular2框架中,有没有人知道像活动一样做悬停的正确方式?

Angular1年有ng-Mouseover个,但这似乎没有被带入.

我看了文件,什么也没找到.

推荐答案

如果您想在任何HTML元素上执行类似悬停的事件,那么您可以这样做.

HTML

 <div (mouseenter) ="mouseEnter('div a') "  (mouseleave) ="mouseLeave('div A')">
        <h2>Div A</h2>
 </div> 
 <div (mouseenter) ="mouseEnter('div b')"  (mouseleave) ="mouseLeave('div B')">
        <h2>Div B</h2>
 </div>

Component

import { Component } from '@angular/core';

@Component({
    moduleId: module.id,
    selector: 'basic-detail',
    templateUrl: 'basic.component.html',
})
export class BasicComponent{

   mouseEnter(div : string){
      console.log("mouse enter : " + div);
   }

   mouseLeave(div : string){
     console.log('mouse leave :' + div);
   }
}

为了在angular 2中完全实现功能性悬停事件,应该同时使用mouseentermouseleave事件.

Javascript相关问答推荐

如何在ReactJS中修复这种不需要的按钮行为?

React redux状态未在React-Router库中呈现

为什么子组件没有在reaction中渲染?

如何编辑代码FlipDown.js倒计时?

我不知道为什么我的JavaScript没有验证我的表单

有什么(最佳)方法可以从模块中获取脚本模块的多姆元素吗?

如何在表格上拥有水平滚动条,在正文页面上拥有垂直滚动条,同时还对html表格的标题使用位置粘性?

微软Edge Select 间隙鼠标退出问题

如何在Connect 4游戏中 for each 玩家使用位板寻找7形状?

从WooCommerce Checkout Country字段重新排序国家,保持国家同步

在我的html表单中的用户输入没有被传送到我的google表单中

如何使用子字符串在数组中搜索重复项

如何使用TypeScrip设置唯一属性?

钛中的onClick事件需要在两次点击之间等待几秒钟

使用Document.Evaluate() Select 一个包含撇号的HTML元素

如何在和IF语句中使用||和&;&;?

React Refs不与高阶组件(HOC)中的动态生成组件一起工作

我在哪里添加过滤器值到这个函数?

如何将字符串拆分成单词并跟踪每个单词的索引(在原始字符串中)?

扩散运算符未按预期工作,引发语法错误