在构建和部署时使用 Angularjs 模板缓存

Question

我正在开发使用 html 模板的 angular 指令。

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

此指令有效，我可以更改 ticket.html 内容和运行应用程序以查看更改。

但我读到有关 $templateCache 方法可以提高大型项目的性能。我可以使用 grunt-angular-template 创建所有模板缓存。

但我需要更改指令。

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

我可以将模板的构建和部署使用分开吗？

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

我会select其中一种方式。专业的做法是什么？

Answer 1

你不需要更新它，如果你保持代码不变，你会自动从缓存中获取它，这里你只是将模板路径传递给 angular 和 angular从缓存中为您获取它。 $templateCache.get("app/ticket/ticket.html")只有在js加载模板时才需要

在构建和部署时使用 Angularjs 模板缓存

Working Angularjs template cache on build and deployment

javascript

templates

angularjs

gruntjs