javascript - Angular UI Router state.go 和 anchor 标签

Question

以下元素:

<p ng-click="$state.go('state.a',{id: 'subsection-b'})">Click me</p>

是(单击时)仅导航到我的 state.a 页面的顶部，而不是向下滚动到

<p id="subsection-b">...</p>

该页面上的元素。

这是为什么？我需要修改什么才能让 anchor 标签与 state.go 一起工作？ (顺便说一句，我知道如何用 ui-sref 解决它，但我需要它与 state.go 一起工作)

Answer 1

对于任何需要 ui-sref 语法的人:

ui-sref="page({name: 'name', '#': 'frag'})"

此外，正如 Andrew Tobilko 正确指出的那样，$state.go 函数的语法使用哈希 (#) 而不是“id”:

$state.go('page', {name: 'name', '#': 'frag'})

注意:这需要 ui-router v0.2.14 或更高版本。

来源:https://github.com/angular-ui/ui-router/pull/1867