How to save information when transitioning between ui-router states?

Question

JavaScript

Good afternoon!
How to store information between pages when going forward back?
Angular 1.5 + ui-router
Router code

function routerConfig($stateProvider, $urlRouterProvider) {
    $stateProvider
      .state('home', {
        url: '/',
        templateUrl: 'app/main/main.html',
        controller: 'MainController',
        controllerAs: 'main'
      })
      .state('result', {
        url: '/result',
        templateUrl: 'app/result/result.html',
        controller: 'ResultController',
        controllerAs: 'result',
        params: {
          searchResult: null
        }
      })
      .state('page', {
        url: '/page',
        templateUrl: 'app/page/page.html',
        controller: 'PageController',
        controllerAs: 'page'
      });
    
    $urlRouterProvider.otherwise('/');
  }

On the home page I load the data and using $state.go() I transfer the data to the result page, there is a table, in the table when I click on the link I get to the page page, but if I go back I get an empty table
How to store history?

Answer 1

Use factories/services for data.

Answer 2

https://developer.mozilla.org/en/docs/Web/API/Hist...
https://docs.angularjs.org/api/ng/service/$locatio...
https://github.com /angular-ui/ui-router/wiki/url-r...