javascript - jQuery プラグインから Angular モジュールを構築する

Question

こんにちは、よろしくお願いします。

HTML と jQuery を多用する Web サイトを変換し、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必要なセクションにライブラリを初期化するために使用されるファイルがあります

例えば

````
// 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 プラグインやその他のライブラリを Angular で使用できるモジュールにするにはどうすればよいですか

これは私が作ろうとしているplnkrの例です。

しかし、元の lib コードを Angular の Factory または Service プロバイダーに配置する必要がありますか?