Внутренний модуль, создает 2 скопа?

Question

[ttm]

Помогите пожалуйста великие Гуру, потратил много времени уже на это.
Легкий пример - jsfiddle.net/zggwx567/10

Почему то сначала компилится директива из модуля - "my-dir",
потом - "my-directive", а потом из за того, что компилится "my-directive" опять компилится - "my-dir"

Возникает 2 клика подряд - как это исправить?

Answer 1

[Сергей Протько]

Я не знаю почему для решения изначальной задачи вы не воспользовались комбинацией ngRepeat + ngTransclude, ну да ладно.

А клик происходит дважды потому что сначала вашу директиву обработал Angular а потом вы еще раз это дело скомпилили. То есть вы не просто скомпилили, а сделали это с одним и тем же куском DOM, так что все продублировалось. Один из вариантов - сделать клон элементов и тогда уже компилить. Ну или убрать ручной compile из myDirective, он там не нужен. А если нужен - лучше заменить на ngTransclude.

Comments

[ttm]

А можно как то взять то что внутри myDirective и туда же трансклудить?? Дело в том что в этой директиве достаточно много хтмл кода и на части его модули. Или все таки прийдется выносить все в отдельный файл?

[Сергей Протько]

Sergey: если честно я непонял вас) Если у вас там много html и много логики - имеет смысл разделить директивы, если это возможно (обычно возможно). А трансклудить можно что угодно. Другое дело что если ваша директива как атрибут то и смысла в этом немного. И так все будет трансклудиться.

[ttm]

Сергей Протько: Я сам себяпо ходу не так понял, все получилось, спс

[lega]

Сергей Протько
> Ну или убрать ручной compile из myDirective, он там не нужен. А если нужен - лучше заменить на ngTransclude.
А как остановить Ангуляровский compile без использования ngTrasclude и вырезания этого DOM?
Например когда нужно использовать имеющийся DOM, но откомпиллировать позже (когда подгрузятся директивы или т.п.).

[ttm]

Блин все равно непонятка - почему директива внутреннего модуля грузится быстрее?

[lega]

Sergey: можете попробовать Angular Light, он проще в этом плане: jsfiddle.net/lega911/nxze7764

[Сергей Протько]

lega: тогда надо переопределять compile на свой. Опять же, это оооочень редкий кейс. Я с таким сталкивался лишь один раз и то только в контексте оптимизаций. Обычно достаточно определить свою функцию формирующую темплейт, там есть доступ к DOM до compile.

[Сергей Протько]

lega: и да, angular light это круто но нет.

Answer 2

[ttm]

Решение http://jsfiddle.net/zggwx567/11/ - тем кому интересно.