什么是angular $ templatecache?如果我修改应用程序中的任何模板,我如何在应用程序中使用以防止每次硬刷新

时间:2016-10-17 16:32:47

标签: javascript angularjs

什么是棱角分明degree(V) * log V?如果我修改应用程序中的任何模板,我如何在应用程序中使用它来防止每次硬刷新。 请以一个例子向我解释。

1 个答案:

答案 0 :(得分:1)

$templateCache服务用于存储模板(html字符串)。如果使用templateUrl编写指令或使用ngInclude指令,angular会解析模板的路径并在运行时发送网络请求以检索它。当模板到达时,使用$templateCache作为密钥将其放入path。每当下一次指令请求相同的模板时,不会发出网络请求,而是从$templateCache检索模板字符串。

您可以使用此$templateCache在角应用启动时将模板放在那里,这样您就可以节省网络请求并减少加载时间。例如,像这样:

var myApp = angular.module('myApp', []);
myApp.run(function($templateCache) {
  $templateCache.put('templateId.html', 'This is the content of the template');
});

有些任务可以帮助您自动完成。例如,grunt-angular-templates用于grunt。