将锚点添加到 AngularJS 状态

Question

我有一个名为 state.home() 的状态，用于将用户重定向到主页这是我的状态：

$stateProvider
    .state('state.home', {
        url: '/home',
        templateUrl: modulePath + '/views/home/home.html',
        controller: 'state:HomeController',
        controllerAs: 'homeCtr'
    })

在完成一些工作后的另一个页面中，在我的控制器中，我需要将用户重定向到主页中的特定 Div，所以在我的控制器中，我添加了这一行用于重定向，但它没有'这似乎是正确的方法：

$state.go('state.home',{'#': 'anchor'});

我想知道它是否可以使用相同的状态，或者我必须创建一个新状态。

Answer 1

给 div 一个 ID，例如 <div id="anchor"></div>

在控制器中，导航到预期状态并使用锚滚动转到 div。不要忘记注入 $anchorScroll

$state.go('state.home').then(function() {$anchorScroll('anchor');})

将锚点添加到 AngularJS 状态

Adding anchor to AngularJS State

javascript

anchor

routing

angularjs

anchor-scroll