使用angularJS重定向頁面

Question

我在HTML頁面上使用angularJS腳本。 我使用這個庫： https : //github.com/oblador/angular-scroll

我使用該庫提供的腳本在URL中包含滾動監視功能。 它運作良好，但是如果我有一個重定向到另一個頁面的鏈接並且它不會重新加載該頁面。 網址已更改，但內容未更改。 如果我刪除了腳本，則鏈接有效。

這是腳本：

var myApp = angular.module('app_example', ['duScroll'])
.config(function($locationProvider) {
  $locationProvider.html5Mode({
    enabled: true,
    requireBase: false
  })
}).
run(function($rootScope, $location) {
  $rootScope.$on('duScrollspy:becameActive', function($event, $element){
    //Automaticly update location
    var hash = $element.prop('hash');
    if (hash) {
      $location.hash(hash.substr(1)).replace();
      $rootScope.$apply();
    }
  });
});

這個腳本的使用很簡單： http ://plnkr.co/edit/emrTAvTPMKbLUNYi40Xq?p=preview

和沒有的插件： http ://plnkr.co/edit/xfsAWsLADkW6F98exC4P?p=preview

Answer 1

您應該將“ true”分配給“ html5Mode.requireBase”

相對鏈接

Answer 2

實際上，我們不必使用$location ，歷史就足夠了:)

新腳本：

.run(function($rootScope, $location) {
    if(!history || !history.replaceState) {
      return;
    }
    $rootScope.$on('duScrollspy:becameActive', function($event, $element){
      //Automaticly update location
      var hash = $element.prop('hash');
      if (hash) {
        history.replaceState(null, null, hash);
      }
    });
  });