所有站點的Angular運行jQuery代碼

Question

我想在我的項目（基於AngularJS的項目）中實現http://areaaperta.com/nicescroll/ 。

我需要做的是：

$(document).ready(

  function() { 

    $("html").niceScroll();

  }

);

但是，如果我需要它在整個站點中運行並且DOM完成加載后立即放置在哪里？ 不知道指令是否是我所需要的，如果需要，它將如何？應該在哪里包含/運行它？

Answer 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();
            }
        }
    }
});
…

所有站點的Angular運行jQuery代碼

問題描述

1 個解決方案

解決方案1
2 已采納 2016-02-25 14:47:34

所有站點的Angular運行jQuery代碼

問題描述

1 個解決方案

解決方案1 2 已采納 2016-02-25 14:47:34

解決方案1
2 已采納 2016-02-25 14:47:34