Директивы мыши ведут себя странно во вложенной среде AngularJS

Я пытался реализовать вложенную древовидную структуру в AngularJS. Он состоит из узлов, все из которых управляются одним и тем же типом контроллера. Вы можете найти пример здесь: http://jsfiddle.net/Yfmdy/2/Директивы мыши ведут себя странно во вложенной среде AngularJS

Моя проблема в том, что каждый дочерний узел будет удален и массив «дети» его родителя модифицируется, все родители теряют нг-MouseEnter и нг-MouseLeave поведения.

У кого-нибудь есть идея, что с этим делать? Я что-то пропустил?

источник

2012-05-15 Lukas Bünger

Это ошибка: https://github.com/angular/angular.js/issues/963

источник

2012-05-16 22:19:55

Используйте $browser.defer, чтобы испустить $childDeleted событие.
Установить текущий элемент css на display: none; и принудительно выполнить ng-mouseleave.

Пример здесь: http://jsfiddle.net/Ticore/Yfmdy/11/

источник

2012-05-16 09:10:10

Большое спасибо, что сделал трюк. Тем не менее, я ожидаю, что это будет работать должным образом, без каких-либо дополнительных знаний о внутренних угловых функциях. Однако добавление «реальной» реализации jquery также исправляет проблему: http://jsfiddle.net/Yfmdy/14/ –

Я тестирую [jsfiddle.net/Yfmdy/14](http://jsfiddle.net/Yfmdy/ 14 /) в Chrome и Firefox все еще не работает. –

На самом деле, это ошибка в браузере JavaScript.

JavaScript MouseOver/Out не соответствует действительности.

Чистый JS пример здесь http://jsfiddle.net/GbuNn/6/

источник

2012-05-22 13:44:18

Директивы мыши ведут себя странно во вложенной среде AngularJS

ответ

Смежные вопросы