Как создать историю нажатых ссылок в AngularJS

Question

Как создать историю нажатых ссылок в AngularJS

0

Мне нужно создать историю, поскольку пользователь использует мое приложение AngularJS. Некоторые могут подумать, что это сухари, но не совсем. Ничто не должно быть вложенным. Это просто способ вернуться к определенному разделу сайта, не используя основную навигацию. Я бы подумал, что могу построить массив маршрутов, на которые пользователь нажимает, а затем отображать эти маршруты как ссылки в элементе div как li.

Любое направление было бы высоко оценено.

$scope.historyLinks = [];
$scope.addHistory = function(){
    $scope.historyLinks.push(window.location.href);
}

А затем перейдем к массиву $ scope.historyLinks и создадим ng-repeat для недавней истории Nav.

Я на правильном пути или полностью от базы?

billy_comic 01 июнь 2016, в 19:52

Источник

0

Я бы предложил попробовать сделать это с interceptor .
OzW 01 июнь 2016, в 17:41
0

Пристрастный комментарий здесь: если вы используете ui-router , эту проблему легко решить с помощью ui-router-extras , где у вас есть previousState , что очень похоже на ваше хранилище посещенных маршрутов или состояний. Довольно полезно для меня, хотя. christopherthielen.github.io/ui-router-extras/#/sticky
CozyAzure 01 июнь 2016, в 17:46
0

К сожалению, приложение было построено с использованием ngRoute, поэтому я не могу позволить себе роскошь использовать ui-router без необходимости портировать все приложение для его поддержки.
billy_comic 01 июнь 2016, в 19:00

Показать ещё 1 комментарий

Теги:

javascript

html

angularjs

1 ответ

Ещё вопросы

Я бы предложил попробовать сделать это с interceptor .
Пристрастный комментарий здесь: если вы используете ui-router , эту проблему легко решить с помощью ui-router-extras , где у вас есть previousState , что очень похоже на ваше хранилище посещенных маршрутов или состояний. Довольно полезно для меня, хотя. christopherthielen.github.io/ui-router-extras/#/sticky
К сожалению, приложение было построено с использованием ngRoute, поэтому я не могу позволить себе роскошь использовать ui-router без необходимости портировать все приложение для его поддержки.

Tanvi B · Answer 1 · 2016-06-01T15-58-00.000Z

Вот решение с угловым.

myApp.run(function($rootScope, $route, $location){
   //Bind the '$locationChangeSuccess' event on the rootScope, so that we dont need to 
   //bind in induvidual controllers.

   var history = [];
   $rootScope.$on('$locationChangeSuccess', function() {
         history.push($location.$$path);
    });        

});

Примечание. Вы не можете регистрироваться в контроллере, потому что $ locationChangeSuccess встречается до того, как маршрут согласован и вызывается контроллер. Когда вы зарегистрируетесь, событие уже запущено.

Тем не менее, вы можете подписаться на событие на $ rootScope во время фазы начальной загрузки приложения: