var app = angular.module('myApp', []);

​

app.controller('myCtrl', function($scope) {

  var toLoad = [ //list the templates to be loaded

    'tmpl.html',

    'tmpl2.html',

    'tmpl3.html'

  ];

  $scope.loaded = []; //anything in here will be loaded to the page

  $scope.loadNext = function() {

    if (toLoad.length) { //if there are any item left to load

      $scope.loaded.push(toLoad.splice(0, 1)[0]); //move first item to "loaded"

    }

  };

  $scope.unload = function() {

    toLoad = $scope.loaded.splice(0, $scope.loaded.length);

  };

});