Question

我正在研究Angular JS，其中我有一个模态窗口。它有一个滚动条和一些隐藏元素。只有当用户点击某个按钮时，这些隐藏元素才会显示。所以我想当用户点击该按钮时，滚动条应自动移动到弹出窗口的底部。为此，我正在接受angular JS的$ anchorScroll服务。问题是，此服务正在滚动主页而不是弹出窗口。

以下是我的控制器代码：

angular.module('appControllers').controller('ApplicationCtrl',
 ['$scope', '$anchorScroll', '$location','$timeout', 'socket', '$compile', '$window',
 'ModalService', 'MetricService', 'UtilService',
  function($scope, $anchorScroll, $location, DeploymentManagerService,
    $timeout, socket, $compile, $window, ModalService, MetricService, UtilService) {

$scope.showStageSummary:function(arg){

               if($("#"+arg.name).hasClass("hidden")){
                 $("#"+arg.name).removeClass("hidden");
                 gotoAnchor(50);
               }else{
                $("#"+arg.name).addClass("hidden");
              }
            }

$scope.gotoAnchor = function(x) {
            var newHash = 'anchor' + x;
            if ($location.hash() !== newHash) {
              $location.hash('anchor' + x);
            } else {
              $anchorScroll();
            }
        };
});

我想在我的模态窗口上应用这种自动滚动。我怎么能这样做？

如何在Angular JS中使用$ anchorScroll作为模态？

0 个答案: