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