how can we use $compile outside a directive in Angularjs

by

How would Angular know that you changed the DOM? You need to compile your html before appending it (using $compile service).

If you absolutely need access outside of a directive you can create an injector.

$(function() {
  // myApp for test directive to work, ng for $compile
  var $injector = angular.injector(['ng', 'myApp']);
  $injector.invoke(function($rootScope, $compile) {
    $('body').prepend($compile('<div ng-attr-tooltip="test">Cancel</div>')($rootScope));
  });
});

More Related Contents:

  1. Working with $scope.$emit and $scope.$on
  2. Can one AngularJS controller call another?
  3. How do I POST urlencoded form data with $http without jQuery?
  4. Generate PDF from HTML using pdfMake in Angularjs
  5. How to set bootstrap navbar active class with Angular JS?
  6. Injecting a mock into an AngularJS service
  7. AngularJS does not send hidden field value
  8. Problems with circular dependency and OOP in AngularJS
  9. How do I mock a service that returns promise in AngularJS Jasmine unit test?
  10. using setInterval in angularjs factory
  11. Adding a custom header to HTTP request using angular.js
  12. Angular.module minification bug
  13. Angular ui-router – how to access parameters in nested, named view, passed from the parent template?
  14. Angular.JS: views sharing same controller, model data resets when changing view
  15. Showing alert in angularjs when user leaves a page
  16. How to pass parameters to a modal?
  17. TypeError: Cannot read property ‘then’ of undefined
  18. Angular 1.6.0: “Possibly unhandled rejection” error [duplicate]
  19. key-value pairs in ng-options
  20. Angular UI Router: decide child state template on the basis of parent resolved object
  21. AngularJS : Asynchronously initialize filter
  22. Dynamically assign ng-model
  23. VueJs templating. How to load external templates
  24. Format Date time in AngularJS
  25. Easy dom manipulation in AngularJS – click a button, then set focus to an input element
  26. Ionic Framework: $scope is undefined in simple alert
  27. Open a new tab on button click in AngularJS
  28. What is causing “Uncaught SyntaxError: Unexpected token o” with $.parseJSON() and JSON.parse() [duplicate]
  29. Remove first Item of the array (like popping from stack) [duplicate]
  30. What is AngularJS way to create global keyboard shortcuts?

Leave a Comment