sim existe on-mouseover
no angular2 em vez de ng-Mouseover
no angular 1.x, então você deve escrever o seguinte: -
<div on-mouseover='over()' style="height:100px; width:100px; background:#e2e2e2">hello mouseover</div>
over(){
console.log("Mouseover called");
}
Como @Gunter sugerido no comentário, há alternativas de on-mouseover
que também podemos usar isso. Algumas pessoas preferem a alternativa no prefixo, conhecida como forma canônica.
Atualizar
Código HTML -
<div (mouseover)='over()' (mouseout)='out()' style="height:100px; width:100px; background:#e2e2e2">hello mouseover</div>
Código Controller / .TS -
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
name = 'Angular';
over(){
console.log("Mouseover called");
}
out(){
console.log("Mouseout called");
}
}
Exemplo de trabalho
Alguns outros eventos do Mouse podem ser usados no Angular -
(mouseenter)="myMethod()"
(mousedown)="myMethod()"
(mouseup)="myMethod()"