我想在我的项目(基于AngularJS的项目)中实现http://areaaperta.com/nicescroll/

我需要做的是:

$(document).ready(

  function() {

    $("html").niceScroll();

  }

);


但是,如果需要它在整个站点中运行并且在DOM完成加载后立即将其放置在哪里?不知道指令是否是我所需要的,如果需要,它将如何?应该在哪里包含/运行它?

最佳答案

在有角项目中使用jquery插件的最好方法是使用指令。

HTML:

…
<body ng-app="myApp" nicescroll>

</body>
…


JS:

…
var app = angular.module('myApp', []);

app.directive('nicescroll', function() {
    return {
        restrict: 'A',
        link: function() {
            // check, if the jquery plugin is loaded and available
            if ($.fn.niceScroll) {
                $('html').niceScroll();
            }
        }
    }
});
…

07-24 09:22