да, есть on-mouseover
в angular2 вместо ng-Mouseover
как в angular 1.x, так что вы должны написать это:
<div on-mouseover='over()' style="height:100px; width:100px; background:#e2e2e2">hello mouseover</div>
over(){
console.log("Mouseover called");
}
Как @Gunter предложил в комментарии, есть альтернатива, on-mouseover
мы можем использовать это тоже. Некоторые люди предпочитают альтернативу префикса, известную как каноническая форма.
Обновить
HTML-код -
<div (mouseover)='over()' (mouseout)='out()' style="height:100px; width:100px; background:#e2e2e2">hello mouseover</div>
Контроллер / .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");
}
}
Рабочий пример
Некоторые другие события мыши могут быть использованы в Angular -
(mouseenter)="myMethod()"
(mousedown)="myMethod()"
(mouseup)="myMethod()"