How to use AngularJS $templateCache.get()?

angularjs, caching, javascript, templates

Solution

You have to fetch html using http request then you can store it in template cache. For example:

$http.get('templ.html', {
    cache: $templateCache
}).then(function(result) {
    console.log(result);
});

Updated plunker code here

Problem

I need to cache some HTML files when my Angular controller initializes. According to Angular $templateCache documentation I can add HTML templates to Angular with: ``` $templateCache.get('templateId.html') ``` But I can't get this to work. I've tried to get the template file within the controller and within the module run() function (Plunker). But I can see in the network console that the template is not fetched. ``` app.run(function($templateCache) { $templateCache.get('templ.html'); }); ``` What am I doing wrong?

Original source