Angular run jQuery 代码适用于所有站点

Angular run jQuery code for all site

本文关键字：站点 适用于 代码 run jQuery Angular      更新时间：2023-09-26

我想在我的项目（基于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();
            }
        }
    }
});
…
相关文章：