Событие ng-mouseover, передающее ссылку «this» (self) на DOM, не работает. Есть ли какой-либо другой способ, вместо использования основного события JavaScript?

Question

Я хочу получить 'self DOM' для события мыши, поэтому я передаю 'this' для события ng-mouseover, но оно не работает. пожалуйста, обратитесь ниже код.

<a href="#" ng-mouseover="console.log(this)" >Mouse over me!</a>

Я хочу, чтобы он работал только с угловыми js.

Answer 1

С помощью AngularJS вы можете получить событие $ , просто требуя его в шаблон, набрав:

<a href="#" ng-mouseover="onMouseover($event)" >Mouse over me!</a>

Затем в вашемКонтроллер, вы можете получить элемент DOM, цель этого события:

$scope.onMouseover = function ($event) {
    //
    console.log($event.target);
}

Answer 2

Использование $event:

<a href="#" ng-mouseover="mouseMe($event)" >Mouse over me!</a>

JS

$scope.mouseMe = function (event) {
    console.log(event);
};

Для получения дополнительной информации см. Руководство разработчика AngularJS - $ event .