AngularJS Offline application using AngularJS

[Prayag Ganoje]

HI,

I am experiencing one issue in offline mode application using AngularJS. Used CACHE MANIFEST to cache all the Templates, css and js Files in application cache. example

While running the application very first time after deployment to IIS server, even though all the templates/files are cached, route controller tries to get that template from network and not from cache.

On the contrary, if I access all the templates in the application once then next time onwards route controller always loads templates from cache. (tested this feature by disconnecting internet)  

My expectation is once all the templates are loaded in cache then why do I need to access each html template once very first time after application is deployed to IIS.

I guess I can explained this issue. Please suggest how to fix it ? or am I missing anything.

[Sander Elias]

Hi Prayag,

There are quite a few tools out there that let you grab your templates and compile them to JS, is there an reason you are not using one of those? This would give you much better control on this.

Regards

Sander

[prayag ganoje]

Thanks for the reply. Following additional code fixed the issue.

app.controller('defaultController', function ($scope, $templateCache, $http) {

    console.log($templateCache.info());

    $http.get("templates/About.html", {

        cache: true

    }).then(function (resp) {

        //console.log(resp.data);

        $templateCache.put("templates/About.html", resp.data)

    });

});

[Sander Elias]

That will work too. For myself, I prefer to do as much as possible during build.