Question

我试图在AngularJS中使用jQuery scollsnap plugin，并尝试按照this other post中的指南进行操作。但是，它既不会出错，也不会起作用。

这就是我所拥有的。

App.directive('scrollsnap', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            angular.element(element).scrollsnap({ snaps: 'section' });
        }
    };
});

在我的HTML中：

<body scrollsnap class="... ... ...>

Answer 1

在渲染视图后，可能需要初始化您的jquery插件。

尝试使用$ timeout：

App.directive('scrollsnap', function($timeout) {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            $timeout(function() {
               angular.element(element).scrollsnap({ snaps: 'section' });
            });
        }
    };
});

带有jQuery插件的AngularJS

1 个答案: