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 исчезают. Как мне их сохранить ??