使用AngularJS的后退按钮时会产生误导性的面包屑

Question

我正在使用ngBreadcrumbs-Service from Enrico Pulatzo（jsfiddle）。只要用户点击面包屑，推送面包屑和取消注册就可以正常工作。但是，如果使用了后退按钮或其他链接，则面包屑不会更新，并且在跟踪新路径时会显示最后一个条目两次。如何更改此行为以始终具有正确的痕迹痕迹？

Home > Users

点击用户并导航回来。面包屑应该只包括'Home'。

Home > Users > Users

点击用户后，再次导航并再次点击用户。

Answer 1

我添加了一个$ location.path观察者from this answer来减少数据挖掘面包屑，现在一切都按预期工作。

$rootScope.$watch(function() {
    return $location.path();
}, function(newValue, oldValue) {
    if (newValue !== oldValue) {
        if (newValue.split('/').length < oldValue.split('/').length) {
            data.splice(1, data.length);
  }
        $rootScope.$broadcast('breadcrumbsRefresh');
    }
}, true);