ANgularJS use data from previous page <p>Is there a way to use data from previous page?</p> <p>I have two pages: '/users' and '/users/:id'</p> <p>'/users' template:</p> <pre><code>&lt;div ng-controller="userCtrl"&gt; &lt;div ng=repeat="(k,v) from data"&gt; &lt;span&gt;{{v.name}}&lt;/span&gt; &lt;a ng-href="/users/{{k}}"&gt;View details&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>'/users/:id' page</p> <pre><code>&lt;div ng-controller="userCtrl"&gt; &lt;span&gt;{{ data[currentId].name}}&lt;/span&gt; &lt;div&gt;{{additional_data}}&lt;/div&gt; &lt;/div&gt; //Controller userCtrl $scope.currentId = $stateParams.id || false; $scope.data = {}; $http.get('/users').then(function (response) { $scope.data = response; // returns // $scope.data[1] = {name: 'Alex'}; // $scope.data[2] = {name: 'Masha'}; } $scope.additional_data = 'Some data'; </code></pre> <p>On clicking on 'View detail' button we are going to another page with other template. But controller is the same.</p> <p>Is there a way to save data and not call request again? Just render old data on new page?</p>