Angularjs - How Do I Pass List To Other Html?

this is the index.html , function() { var appData = {} function set(data) { appData = data; } function get() { return appData; } return { set: set, get: get } }

In your input_control you can set the data to the service :

DataService.set(shredData);

In your output_control get the data from ther service :

$scope.appdata = DataService.get();

Inject DataService in the controllers by passing it as a parameter

app.controller('input_control', ['DataService', function($scope, $location, DataService){
      //Your logic  
}]);