Как в AngularJS получить ссылку на $compile вне Angular-инструкций?

Question

[Екатерина]

Так сложилось, что заинъектить $compile мне некуда. Т.е. есть абсолютно не связанный с angular код, который получает HTML, содержащий angular-контроллер и мне нужно его скомпилировать. App при этом на странице уже существует.
Как корректно получить ссылку на $compile?

Answer 1

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

Так а толку, если у вас нету приложения с контроллером? Без них даже если вы и возьмите $compile то ничего толком сделать не сможете. Если же оно есть, то angular.bootstrap

Comments

[Екатерина]

Приложение есть, контроллер тоже есть, а мне нужно загрузить еще один. Bootstrap да, но оно перегружает всю страницу, а мне бы только кусок HTML обработать.

Answer 2

[Руслан Лопатин]

Если на странице уже есть приложение Angular, то можно завести элемент с котроллером с нужными зависимостями (включая $compile) и методами обработки ваших данных.

Получить этот контроллер можно с помощью выражения вида angular.element(element).controller(). И можете делать с ним всё, что нужно.

И не забывайте обращаться к вашему контроллеру через scope.$apply(), если ваши обращения будут менять содержимое scope. Сам scope элемента можно получить так же, как и контроллер.

Comments

[Екатерина]

В какой момент тогда будет происходить компиляция?

[Руслан Лопатин]

В момент обращения к службе $compile, разумеется. Вам решать, когда к ней обращаться. Если ваш не связанный с angular код получает HTML, то логично обратиться к $compile как только этот HTML будет доступен (по событию onLoad, например).

[Екатерина]

Пока не понимаю. каким образом получить $compile. Т.е. смотрите, получили html, получили даже ссылку на объект контроллера, но конструктор контроллера (в котом будет доступен DI $compile) выполняется ведь только после compile?

[Руслан Лопатин]

Разумеется. Вы же написали, что приложение angular уже есть на странице. Значит и контроллер там создан и в него вставлено всё, что авм требуется, включая $compile. Я так понял, что вы хотите ещё какой-то HTML обработать - вот его в этот контроллер (который УЖЕ есть на странице) и отправляйте. Если я неправильно вас понял, то используйте angular.bootstrap, как советуют выше.

[Екатерина]

@lorus , дело в том, что первый контроллер вообще никак не связан с последующей загрузкой HTML. Да, сейчас я при первой возможности (при первой загрузке любого контроллера) сохраняю ссылку на $compile в объект window, но это нарушает все на свете, думала может есть кошерный способ получения этого $compile - по сути это глобальный объект, странно, что нет такой возможности...

[lega]

@sferrka Возможно вы "вышли за пределы Angular.js" и вам нужно что-то другое...
Посмотрите в сторону Angular Light, вот несколько примеров как связать html и scope (см. пункт 5): angularlight.org/tutorial/bindings.html#ru