在构建和部署

Question

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

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")

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

Answer 1

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