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

Question

我正在开发使用 html 模板的 Angular Directive(指令)。

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”
• 模板:$templateCache.get("app/ticket/ticket.html")

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

Answer 1

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