Is there a way to make AngularJS load partials in the beginning and not at when needed?

by

Yes, there are at least 2 solutions for this:

  1. Use the script directive (http://docs.angularjs.org/api/ng.directive:script) to put your partials in the initially loaded HTML
  2. You could also fill in $templateCache (http://docs.angularjs.org/api/ng.$templateCache) from JavaScript if needed (possibly based on result of $http call)

If you would like to use method (2) to fill in $templateCache you can do it like this:

$templateCache.put('second.html', '<b>Second</b> template');

Of course the templates content could come from a $http call:

$http.get('third.html', {cache:$templateCache});

Here is the plunker those techniques: http://plnkr.co/edit/J6Y2dc?p=preview

More Related Contents:

  1. how to convert the float 9.88 number to integer 9 in angularjs?
  2. ‘this’ vs $scope in AngularJS controllers
  3. How can I dynamically add a directive in AngularJS?
  4. Binary files corrupted – How to Download Binary Files with AngularJS
  5. Combating AngularJS executing controller twice
  6. AngularJS – Does $destroy remove event listeners?
  7. Difficulty with ng-model, ng-repeat, and inputs
  8. How to access cookies in AngularJS?
  9. AngularJS: how to implement a simple file upload with multipart form?
  10. Refused to display in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’
  11. Angular ng-repeat conditional wrap items in element (group items in ng-repeat)
  12. Single page application – load js file dynamically based on partial view
  13. Best way to represent a Grid or Table in AngularJS with Bootstrap 3? [closed]
  14. What exactly do you do with the transclude function and the clone linking function?
  15. Angularjs JSONP not working
  16. $apply vs $digest in directive testing
  17. Redirect using AngularJS
  18. Angularjs: ng-options group by
  19. Filter by multiple columns with ng-repeat
  20. Angular scope function executed multiple times
  21. How to wait till the response comes from the $http request, in angularjs?
  22. What’s the meaning of require: ‘ngModel’?
  23. Should I care about W3C validation?
  24. Angular directive for a fallback image
  25. How do I prevent reload on named view, when state changes? AngularJS UI-Router
  26. Is it possible to use ng-include without web server?
  27. How to detect browser using angularjs?
  28. AngularJS ng-model-options getter-setter
  29. When to use double braces {{}} in angularJS
  30. Angular reload current route and reload the current template

Leave a Comment