Angularjs: как вернуться назад к загруженным элементам DOM во время выполнения в предыдущем представлении при возврате (состояние сохранения)

У меня есть угловое приложение, которое имеет два вида:

1) Просмотр списка

2) Детальный просмотр

Когда вы нажимаете на миниатюру из списка, вы переходите в подробный вид, вот маршрут:

app.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/list', {
        templateUrl: 'partials/list.html',
        controller: 'ListCtrl',

      }).
      when('/list/:id', {
        templateUrl: 'partials/detail.html',
        controller: 'DetailCtrl',

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

Теперь в контроллере listCtrl есть функция loadmore, которая используется для загрузки

myControllers.controller('ListCtrl', ['$scope', '$location', 'Troll', '$http',

function ($scope, $location, Troll, $http) {
    $scope.Trolls = Troll.query();
    $scope.orderProp = 'popular';
    $scope.fromData = {};
    //console.log($scope.Trolls);
    //this will be used to fetch the data in json which is defined in services.js

    $scope.loadmore = function () {
        jQuery.ajax({
            url: 'trolls/trolls.php?troll_index=' + $('#main-content #item-list .sub-item').size(),
            type: 'GET',
            async: false,
            data: {},
            dataType: 'json',
            success: function (response) {


                if (response != null) {
                    $.each(response, function (index, item) {

                        $scope.Trolls.push({
                            UID: response[index].UID,
                            id: response[index].id,
                            popular: response[index].popular,
                            imageUrl: response[index].imageUrl,
                            name: response[index].name,
                            tags: response[index].tags,
                            category: response[index].category
                        });

                    });
                }
            },
            complete: function () {},
            error: function () {
                console.log('Failed!');
            }
        });
        $scope.text = 'Hello, Angular fanatic.';
        $http.get('trolls/trolls.php?troll_id=' + Troll);

    }

}]);

ПРОБЛЕМА: теперь проблема в том, что после нажатия на loadmore, если я перехожу к подробному виду и возвращаюсь к списку, мои недавно загруженные div исчезают. Как мне их сохранить ??

Ответы на вопрос(3)

Ваш ответ на вопрос