I solved my problem by using angular js services.
The code in case anyone is interested:
HTML on page 1:
<input type="file" ng-model-instant id="fileToUpload" accept="image/*"
multiple onchange="angular.element(this).scope().setFiles(this);document.location.href = '/#/page2';"/>
services.js:
angular.module("fileservices", [])
.service('fileListService', function () {
var fileList = [];
return {
getFileList: function () {
return fileList;
},
setFileList: function(value) {
fileList = value;
}
};
});
page1Controller:
.controller("page1Ctrl", ["$scope","fileListService", function ($scope,fileListService) {
$scope.setFiles = function(element) {
var files = [];
// Turn the FileList object into an Array
for (var i = 0; i < element.files.length; i++) {
files.push(element.files[i])
}
fileListService.setFileList(files);
var data = fileListService.getFileList();
};
}])
page2 controller:
.controller("page2Ctrl", ["$scope","fileListService", function ($scope,fileListService) {
var data= fileListService.getFileList();
$scope.getFiles = data;
}])
Hope it helps!