1

大家好 提前谢谢你。

我面临着转换 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

例如

````
// 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 一起使用的模块

这是我尝试制作的一个示例 plnkr 。

但是现在我应该将原始库代码放在 Angular 中的工厂或服务提供者上吗？

4

0 回答 0