AngularJS - ngInclude не отображает выражения в событиях

Question

У меня проблема при попытке отобразить другой HTML с помощью директив в AngularJS.

если шаблон HTML без событий, он работает просто отлично:

<button id="{{item.id}}">Some Button !</button> 

будет оказана:

<button id="123">Some Button !</button> 

---

но если шаблон HTML имеет некоторые события, угловое выражение не будет работать:

<button id="{{item.id}}" onmouseover="doSomething({{item.id}})">Some Button !</button> 

будет оказана:

<button id="123" onmouseover="doSomething({{item.id}}">Some Button !</button> 

Я пытался импортировать другой HTML и изменить содержимое динамически с помощью обеих директив & ngInclude, но оба они реагируют так же, когда они пытаются включить шаблон HTML.

Эта проблема возникает только в событиях (onfocus, onmouseover, onclick), и любая другая часть html успешно отображается.

Я хочу импортировать HTML и хочу, чтобы выражения были полностью заменены данными. одной из причин этого является то, что у нас есть много настраиваемых библиотек тегов JSP, которые мы хотим конвертировать в директивы AngularJS. в этих тегах есть много событий, например, наш собственный тег «Автозаполнение» имеет более 10 событий, и их можно легко преобразовать в директиву только в том случае, если угловые отображали бы наши выражения внутри этих событий (но это НЕ!)

Благодаря

Answer 1

правильно синтаксисом для углового наведении курсора является:

<button id="{{item.id}}" ng-mouseover="doSomething(item.id)">Some Button !</button> 

этот кусок кода подразумевает, что вы уже определили $scope.doSomething() и вы используете, например ng-repeat="item in myArrayOrObject" распечатать эту кнопку на странице.

Для получения более подробной информации смотрите на документ, пожалуйста: https://docs.angularjs.org/api/ng/directive/ngMouseover