javascript - 使用 scrolltop 从 Controller 调用指令

Question

我似乎无法获得 elementById，所以我想弄清楚如何在指令中调用函数。

<div class="class" home-page"></div>

module.controller('AppController', function($scope) {
        $scope.callDirect = function() {
            $scope.callFunction();
        };
}

module.directive("homePage", function ($window) {
        return {
            scope: { homePage: '&callbackFn' },
            link: function(scope, element, attrs) {
                element.bind('scroll', function () {
                });

                scope.callFunction = function()
                {
                    console.log(element[0].scrollTop);
                }
            },
       };
});

我觉得这在 javascript 中真的很容易，但是在 Angular 中真的很难。我真正想要做的就是通过单击按钮滚动到顶部。

Answer 1

有几个框架，ngSmoothScroll 和 angular-smoothscroll 是两个，它们可以让您以最小的努力完成您正在寻找的事情。

至于 Angular 更难声明。我可以看到那是从哪里来的，有一次我也这么想。但是，它确实没有，如果有的话，它会使它变得更容易。它只是需要一种不同的思维方式。因此，当挫折发生时，请牢记隧道尽头的曙光。

我还没有运行这个片段来知道它是否有效，但这里有一个示例函数可以放在你的指令中

element.bind('click', function () {
    console.log(element[0].scrollTop());
});

我不确定元素[0].scrollTop 是否已定义。