<h1>{{header}}</h1>
<!-- This Back button has multiple option -->
<!-- In home page it will show menu -->
<!-- In other views it will show back link -->
<a ng-href="{{back.url}}">{{back.text}}</a>
<div ng-view></div>
В моей конфигурации модуля
$routeProvider.
when('/', {
controller:HomeCtrl,
templateUrl:'home.html'
}).
when('/menu', {
controller:MenuCtrl,
templateUrl:'menu.html'
}).
when('/items', {
controller:ItemsCtrl,
templateUrl:'items.html'
}).
otherwise({
redirectto:'/'
});
Контроллеры
function HomeCtrl($scope, $rootScope){
$rootScope.header = "Home";
$rootScope.back = {url:'#/menu', text:'Menu'};
}
function MenuCtrl($scope, $rootScope){
$rootScope.header = "Menu";
$rootScope.back = {url:'#/', text:'Back'};
}
function ItemsCtrl($scope, $rootScope){
$rootScope.header = "Items";
$rootScope.back = {url:'#/', text:'Back'};
}
Как вы можете видеть в моих контроллерах, я жестко закодировал URL-адрес кнопки «Назад» и текст (на самом деле мне не нужен текст, поскольку я использую изображение). Таким образом, я обнаружил, что в некоторых случаях кнопка «Назад» перемещается неправильно. Я не могу использовать history.back()
, потому что моя кнопка «Назад» меняется на ссылку меню в домашнем представлении.
Итак, мой вопрос: как мне получить предыдущий путь маршрута в контроллерах или это лучший способ добиться этого?
Я создал Plunker, демонстрирующий мою проблему. Пожалуйста, проверьте это.