Góc js- Mô phỏng nút quay lại/chuyển tiếp của trình duyệt tắt

Question

Tôi đang làm việc trên ứng dụng yêu cầu tôi mô phỏng nút quay lại/tiến trình của trình duyệt (Tôi đã triển khai 2 nút). Tôi có thể đạt được chức năng này bằng cách sử dụng window.history.forward() và window.history.back(). Chức năng hoạt động như mong muốn. Nhưng tôi có một vấn đề tôi có yêu cầu vô hiệu hóa nút chuyển tiếp khi không có thêm trang nào để duyệt thêm và ngược lại cho nút quay lại.

Tôi đã thử sử dụng cách giải quyết sau, nhưng không có gì hiệu quả.

if(!window.history.next){ 
    $scope.abcService.enableForwardButton = false; 
} 

Điều kiện này if không bao giờ hài lòng, ngay cả khi tôi không có trang nào để duyệt thêm.

var index = window.history.length; 
if(window.history[index] != window.location) 
{ 
    $scope.abcService.enableForwardButton = true; 
} 

Mọi thông tin đầu vào sẽ hữu ích. Lưu ý: việc vô hiệu hóa các nút là bắt buộc đối với ứng dụng

Answer 1

Tôi tin rằng điều này sẽ phù hợp với bạn.

if(typeof window.history.forward!=='function'){ 
    $scope.abcService.enableForwardButton = false; 
} 

Khi bạn có thể điều hướng về phía trước sau đó typeof window.history.forward là 'chức năng' khi bạn không có thì nó là 'undefined'

Answer 2

Các $ vị trí dịch vụ có thể được sử dụng cho bạn. https://docs.angularjs.org/api/ng/service/ $ # Địa điểm nhà nước

Ngoài ra, tôi không chắc chắn tương thích như thế nào nó sẽ là với góc, nhưng bạn có thể muốn xem xét https://github.com/browserstate/history.js/