Javascript 角度与倍数$anchorScroll

我正在使用angular

$anchorScroll

，它工作得非常完美，唯一的问题是：我在页面中有100个链接，那么什么是使我的angular代码干净的最佳方法？不为每个锚链创建函数

html:

---

您可以将参数传递给在模板中调用的函数

 angular.module('anchorScrollExample', [])
 .controller('ScrollController', ['$scope', '$location', '$anchorScroll',
      function($scope, $location, $anchorScroll) {
          $scope.goto = function(anchor){
              $location.hash(anchor);
              $anchorScroll();
         }
}]);

然后，鉴于：

<div id="scrollArea" ng-controller="ScrollController">
  <a ng-click="goto('header')">Go to header</a>
  <a id="header"></a> header!
</div>

转到页眉
头球！

第一个代码段中存在语法错误。是这样的吗？你必须开始。例如，使用附加的

div

和属性

ng app=“anchorScrollExample”

包装html。然后它应该开始工作了。

 angular.module('anchorScrollExample', [])
 .controller('ScrollController', ['$scope', '$location', '$anchorScroll',
      function($scope, $location, $anchorScroll) {
          $scope.goto = function(anchor){
              $location.hash(anchor);
              $anchorScroll();
         }
}]);

<div id="scrollArea" ng-controller="ScrollController">
  <a ng-click="goto('header')">Go to header</a>
  <a id="header"></a> header!
</div>