Why my app doesn’t refresh automatically when I update my html views?
We are using angular templatecachehttps://docs.angularjs.org/api/ng/service/$templateCache to preprocess all the views in the app which improve performance dramatically. Also see gulp-angular-templatecache https://www.npmjs.com/package/gulp-angular-templatecache
Let us explain this a little bit. If we choose to follow the “default” angular/ionic approach we would have each of our views loaded with a particular AJAX request. If we have many views, this will cause many AJAX request slowing down the app needlessly. The alternative we use is using angular templatecache which concatenates all the views html into one javascript file that loads those views to angular avoiding multiple AJAX requests. With this approach we just need to make one request to that javascript file (named views.js). We use gulp tasks that do this automatically, so when you change your html in your text editor gulp will re-create this views.js file and all will be ok.
The problem may occur when you don’t have gulp running and you are changing your html, in this case gulp won’t be able to re-create views.js file so you won’t see your html updates in your app. Make sure you had run npm install without errors. You can fix this by turning on gulp (by making sure gulp is installed and by running ionic serve ) or by removing the dependencies to views.js in index.html and your_app_name.views module in your app.js (this will cause you to follow the angular default approach).
