An AngularJS directive that loads json files from the list of files supplied in the html element and stores the data in $rootScope.db. It also fires an event databank-ready that can be listened to from the controller. Thanks to Clint Checketts for helping me debug this.

angular-directives.js

app.directive('databank', ['$parse','$http', '$rootScope', function($parse, $http, $rootScope) {
    return {
        restrict: 'E',
        replace: true, 
        scope: { accept: "=",fn:"=onReady" },
        link: function(scope, elem, attr){
          var files = attr.files.split(' ');
          var promises = {};
          var db = {};

  		angular.forEach(files, function(file) {
				promises[file] = $http.get(file + '.json');
			});

			var i = 1;
			angular.forEach(promises, function(req, name){
				req.then(function(res){
					db[name] = res.data;	

					if(files.length == i){
						$rootScope.db = db;
						$rootScope.$broadcast('databank-ready', db);
					}
						
					i++;
				});
			});

			scope.safeApply = function(fn) {
				var phase = this.$root.$$phase;
				if(phase == '$apply' || phase == '$digest') {
					if(scope.fn && (typeof(scope.fn) === 'function')) {
						fn();
					}
				} else {
					this.$apply(scope.fn);
				}
			};

			scope.safeApply(function() {
				scope.fn(scope);
			});
        }
    };
}]);

contractors.json

{
  "name": "devanand"
  "role": "fe"
}

employees.json

{
  "name": "uday"
  "role": "fe"
}

index.html

<databank files="employees contractors interns"></databank>

interns.json

{
  "name": "udai"
  "role": "fe"
}