在新的Angular2框架中,有没有人知道像活动一样做悬停的正确方式?
在Angular1年有ng-Mouseover
个,但这似乎没有被带入.
我看了文件,什么也没找到.
在新的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中完全实现功能性悬停事件,应该同时使用mouseenter
和mouseleave
事件.