Pre Loading and Caching pages

ionic-v1
10

like @mhartington said above, I have achieved this by compiling all my templates/partials for all angular controllers/directives into one angular module and reference them there using gulp and gulp-ng-templates. I’ve used “gulp-angular-templatecache”, here’s some code:

//in gulp
var templateCache = require('gulp-angular-templatecache');

//in your gulp task
return gulp.src('src/modules/**/*.html')
  .pipe(templateCache('my-templates.js', {
    module: 'my-templates',
    standalone: true,
    root: 'my_templates/'
  }))
  .pipe(gulp.dest('compiled_js_folder'));

//in the view, load the js file
<script src"compiled_js_folder/my-templates.js"></script>    

//in angular app, inject 'my-templates' module

//in directives/controllers/states/etc use my_templates/template-filename.html