在 AngularJS 中使用后退按钮时会出现误导性面包屑

Question

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

Home > Users

点击用户并返回后。面包屑导航应仅包含“主页”。

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);