Question

我想在我的项目中实现http://areaaperta.com/nicescroll/（基于AngularJS的项目）。

我需要做的是：

<select name="country" class="sm_txt_fields" id="country">
</select>
<select name="state" class="sm_txt_fields" id="state">
</select>

但是，如果我需要在整个网站上运行并且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 个答案: