[AngularJS]角运行 jQuery 代码的所有网站

发布时间: 2017/4/16 20:18:03
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

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

我需要做的是︰

$(document).ready(

  function() { 

    $("html").niceScroll();

  }

);

不过,在那里做我放这如果我需要它来运行整个网站和 DOM 完成加载时尽快?不确定如果一个指令是什么,以及如果是这样,它会如何以及在哪里应该我包括/运行它?

解决方法 1:

在角项目中使用 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();
            }
        }
    }
});
…
赞助商