构建Angular模块构成jQuery插件

Question

大家好，提前谢谢你。

我面临着转换HTML和jQuery密集型网站并使其与AngularJs一起使用的任务。问题是它有很多插件，比如

1. http://adnantopal.github.io/slimmenu
2. https://github.com/inuyaksa/jquery.nicescroll
3. http://tympanus.net/codrops/2012/08/02/animated-responsive-image-grid/
4. https://dev7studios.com/dropit/
5. http://fitvidsjs.com/

它们在HTML页面

上按如下方式加载

```
<script src="js/slimmenu.js"></script>
<script src="js/jquery.nicescroll.js"></script>
<script src="js/gridrotator.js"></script>
<script src="js/js/ionrangeslider.js"></script>
other scripts
```

然后有一个main.js文件，用于在需要的部分中启动lib

E.G

````
// main.js

$(document).ready(function(){
  $('html').niceScroll({
      cursorcolor: "#000",
      cursorborder: "0px solid #fff",
      railpadding: {
        top: 0,
        right: 0,
        left: 0,
        bottom: 0
      },
      ....etc
  });
 owlCarouselSlider.owlCarousel({/*--code--*/});
});

$('div.bg-parallax').each(function(){/*//code*/});

$('input.time-pick').timepicker({
  minuteStep: 15,
  showInpunts: false
})

$('.form-group-cc-number input').payment('formatCardNumber');

$(function() {
  $('#ri-grid').gridrotator({})
});

````

问题

这些插件仅在您的页面是静态的时才起作用，并且当我将它们与AngularJs一起使用时它们不起作用。我收到了gridrotator is undefined

等错误

问题

如何使jQuery-plugin和其他库成为我可以与Angular一起使用的模块

我试图制作

Here is an example plnkr。

但是现在我将原始的lib代码放在Angular的工厂或服务提供商上吗？