使用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);
      }
    });
  });