angularjs - 有人知道如何在 ng-repeat 中制作 anchorScroll 吗？

Question

我需要知道如何在 ng-repeat 菜单中制作anchorScroll to differents ID。

<li data-ng-repeat="page in pages">
   <a href="{{href}}">{{ page.title }}</a>
</li>

<div id="1">One</div>
<div id="2">Two</div>

谢谢！

Answer 1

在 ng-repeat 中，您可以使用index为每个元素分配不同的 ID。

<li data-ng-repeat="page in pages">
    <a id="link-{{page.index}}" href="{{href}}">{{ page.title }}</a>
</li>

索引将随着 中的每个项目而增加pages。我放置的 id 部分link-是可选的；您可以以这种方式放置您想要的任何前缀或后缀。

Answer 2

你应该能够做这样的事情。我不知道您的对象是什么样的，但这应该会有所帮助。

HTML

<li data-ng-repeat="page in pages">
   <a href="" ng-click="scrollTo(page.index)">{{ page.title }}</a>
</li>

<div id="1">One</div>
<div id="2">Two</div>

控制器

$scope.pages = [
  { title: "test1", index: 1},
  { title: "test2", index: 2}
];
$scope.scrollTo = function(id) {
  document.getElementById(id).scrollIntoView();
};