AngularJS路由和返回时重置所有

当我点击按钮，AngularJS调用routing以加载详细信息页面时。为什么当我回到主页时，浏览器上的“后退”按钮选择html上的元素会丢失值和人员列表？提前谢谢

这是我的代码：

HTML

APP.JS：

 App.config(['$routeProvider', function ($routeProvider) {
    $routeProvider          
            .when('/details/:id', {
                templateUrl: configuration.appPartialPath + 'details.html',
                controller: 'DetailsCtrl'
            })

            .otherwise({
                redirectTo: '/'
            });
  }]);

---

角度控制器是根据需要创建的。当您离开由控制器管理的视图时，该视图及其作用域将被销毁，再次进入同一视图时，将创建一个新视图。如果要保留范围数据，必须将其放在其他地方

---

由于Angular services是单例服务，因此可以将其用于该目的。您所需要做的就是将这样的服务注入控制器，并将其绑定到视图中公开的范围变量。每次创建一个新的控制器时，将向其中注入带有数据的相同服务

给我一些教程或例子？谢谢，我是丹尼尔。

function MainCtrl($scope) {

 $scope.peoples = [
     {id: '1', name: 'Jon'},
     {id: '2', name: 'Peter'}
   ];



 }

 App.config(['$routeProvider', function ($routeProvider) {
    $routeProvider          
            .when('/details/:id', {
                templateUrl: configuration.appPartialPath + 'details.html',
                controller: 'DetailsCtrl'
            })

            .otherwise({
                redirectTo: '/'
            });
  }]);