角度切换状态后，平滑滚动到元素

Question

我正在使用节点包进行平滑滚动的Angular开发。 我有我的所有页面的导航栏（作为指令），如果有人在我的历史状态/history在导航栏的链接，并点击进入主页上的一个特定部分/ ，我希望自己的网站切换状态，以主页状态，然后自动滚动到导航栏中用户单击的部分。

现在我在做

    scope.goToSection = function (val, state) {
        $state.go(state)
        setTimeout(function() {smoothScroll(document.querySelector(val))}, 100);
    }

这是可行的，但我不确定这是否是获得此功能的最自然方法。

我尝试了$state.go(state).then(smoothScroll(document.querySelector(val))); 但切换状态后页面将不会滚动。 是否有更好或更自然的方法来获得此功能？

Answer 1

用于切换状态而不是ui-sref的自定义函数的问题是，例如，您失去了用鼠标滚轮单击以在新选项卡中打开等的可能性。

解决方案是检查$ stateChangeSuccess事件，然后根据传递给新状态的数据进行滚动。

    $rootScope.$on('$stateChangeSuccess', function(e, toState, toParams) {
        // do the scrolling

    });