javascript - 如何使用anchorscroll()将窗口滚动到AngularJS中的元素？

Question

我正在尝试在 AngularJS 中对 ng-click 事件实现滚动效果，following the example in this Plunkr .

我正在尝试滚动到类别标题，如下所示:

myApp.controller('FoodCtrl', function ($scope, $http, $location, $anchorScroll) {

//other stuff 

$scope.loadFood = function(category) {
 //other stuff

  //Scroll category head to top of page
  $scope.categoryhead = "#" + category;
  $location.hash($scope.categoryhead);
  $anchorScroll();

 //Ajax load stuff
 };  
});

我在模板中打印出了 $scope.categoryhead 的值，并且可以看到它是每个元素的正确 ID，但窗口没有滚动。我在尝试将元素 ID 传递给 $anchorscroll() 时是否做错了什么？

Here's my Plunkr

Answer 1

过了一段时间才明白。我错误地指定了 $scope.categoryhead。

Here's a Plunkr with anchorscroll(); to various page elements.