From b4d44e12987131bfd23399947fe9b2f860cc5729 Mon Sep 17 00:00:00 2001 From: Joscha Feth Date: Thu, 28 Nov 2013 14:33:03 +0100 Subject: docs($injector): add example on how to use the element.injector Closes #5188 --- src/auto/injector.js | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/src/auto/injector.js b/src/auto/injector.js index ab6c1f96..ee1d475c 100644 --- a/src/auto/injector.js +++ b/src/auto/injector.js @@ -27,6 +27,28 @@ * $rootScope.$digest(); * }); * + * + * Sometimes you want to get access to the injector of a currently running Angular app + * from outside Angular. Perhaps, you want to inject and compile some markup after the + * application has been bootstrapped. You can do this using extra `injector()` added + * to JQuery/jqLite elements. See {@link angular.element}. + * + * *This is fairly rare but could be the case if a third party library is injecting the + * markup.* + * + * In the following example a new block of HTML containing a `ng-controller` + * directive is added to the end of the document body by JQuery. We then compile and link + * it into the current AngularJS scope. + * + *
+ * var $div = $('
{{content.label}}
'); + * $(document.body).append($div); + * + * angular.element(document).injector().invoke(function($compile) { + * var scope = angular.element($div).scope(); + * $compile($div)(scope); + * }); + *
*/ -- cgit v1.2.3