Working Angularjs template cache on build and deployment

Question

I am developing angular directives that used html template.

angular.module("app")
       .directive("ticket", [function(){
            return {
                restrict: "E",
                templateUrl: "app/ticket/ticket.html"
             }
        }])

This directive is working and I can change ticket.html content and run application to see changes.

But I read about $templateCache method to increase performance of big projects. And I can use grunt-angular-template to create all of template cache.

But I need to change my directive.

angular.module("app")
       .directive("ticket", ["$templateCache",function($templateCache){
            return {
                restrict: "E",
                template: $templateCache.get("app/ticket/ticket.html")
             }
        }])

Can I separate the build and deployment usage of template.

templateUrl: "app/ticket/ticket.html"
template: $templateCache.get("app/ticket/ticket.html")

I will select one of that ways. What is the professional approach for this?

km1882 · Accepted Answer · 2015-12-03 07:22:11Z

1

You do not need to update this, you will automatically get it from the cache if you leave your code as it is, here you are just passing a template path to angular and angular gets it for you from the cache. $templateCache.get("app/ticket/ticket.html") is only needed if you want to load a template via js.

answered Dec 3, 2015 at 7:22

km1882

7505 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Working Angularjs template cache on build and deployment

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related