Angular 为所有站点运行 jQuery 代码
Posted
技术标签:
【中文标题】Angular 为所有站点运行 jQuery 代码【英文标题】：Angular run jQuery code for all site 【发布时间】：2016-06-08 09:31:15 【问题描述】：我想在我的项目（基于 AngularJS 的项目）中实现 http://areaaperta.com/nicescroll/。
我需要做的是：
$(document).ready(
function()
$("html").niceScroll();
);
但是，如果我需要它在整个站点中运行并且一旦 DOM 完成加载，我应该把它放在哪里？不确定一个指令是否是我需要的，如果需要，它会如何以及我应该在哪里包含/运行它？
【问题讨论】：
【参考方案1】：在 Angular 项目中使用 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();
);
…
【讨论】：
最好查看$.fn.niceScroll
已解决。太好了，我想制作一个控制器并将其放入主体中并执行上述操作，但这有效并且更清洁。以上是关于Angular 为所有站点运行 jQuery 代码的主要内容，如果未能解决你的问题，请参考以下文章
在每个组件完成加载后如何在 Angular 2 中运行 jquery 函数