AngularJS back button

Question

Я работаю над созданием приложения для Android с помощью Phonegap и AngularJS. Я пытаюсь создать кнопку, которая будет использоваться как кнопка «отменить» и «назад», которая по сути просто ударит по кнопке «назад» браузера.

Вот некоторые примеры HTML для кнопки отмены:

<a href="#" ng-click="goBack()" class="button--cancel weight--bold vertical-align--middle text-center">cancel</a> 

А вот контроллер для этой страницы, с помощью кнопки GoBack():

function NewOccasionCtrl($scope, $window) { 
    $scope.$window = $window; 
    $scope.goBack = function() { 
     $window.history.back(); 
    }; 
} 

Это приводит к возникновению ошибок, но и не работает ... эмулятор остается на одной странице. Без $scope.$window = $window он выдает сообщение об ошибке. Я надеялся создать функциональную кнопку «назад», не создавая/не используя директиву, потому что, насколько я понимаю, они применяют шаблоны и вещи, которые мне не нужны/не нужны.

Есть ли способ сделать это? Спасибо

Answer 1

Я пошел с использованием Директивы, чтобы сделать обратную функциональность многоразовой. Вот мой окончательный код:

HTML:

<a href back-button>back</a> 

Javascript:

app.directive('backButton', function(){ 
    return { 
     restrict: 'A', 

     link: function(scope, element, attrs) { 
     element.bind('click', goBack); 

     function goBack() { 
      history.back(); 
      scope.$apply(); 
     } 
     } 
    } 
}); 

Answer 2

я вопрос, как это с помощью PhoneGap и углового, $ window.history.back() не будет работать , Поэтому я создал обходное решение.

$scope.urlHistory = []; 

$scope.$on('$routeChangeSuccess', function() { 
    if ($location.$$absUrl.split('#')[1] !== $scope.urlHistory[$scope.urlHistory.length - 1]) { 
     $scope.urlHistory.push($location.$$absUrl.split('#')[1]); 
    } 
}); 

$scope.goBack = function() { 
    $scope.urlHistory.pop(); 
    $location.path($scope.urlHistory[$scope.urlHistory.length - 1]); 
}; 

Надеюсь, что это поможет кому-то еще.