Javascript angularJs和ocLazyLoader

Javascript angularJs和ocLazyLoader,javascript,jquery,angularjs,laravel-5,Javascript,Jquery,Angularjs,Laravel 5,我对angularJs很陌生。目前,我正在开发一个带有laravel框架的单页网站 目前我只有一个ngView,我把我的主页代码放在那里,但问题是,当我把它们放在一个视图文件中时,所有组件(如滑块、图库)都不起作用。经过一些搜索,我发现了一个名为ocLazyLoad的模块。模块正在加载,但有时在jQuery和网站再次不显示组件之前,其他脚本正在加载 有没有办法强制Loader或Angular先加载脚本,然后显示视图 .run(function($rootScope, $state, $ocLaz

我对angularJs很陌生。目前,我正在开发一个带有laravel框架的单页网站

目前我只有一个ngView,我把我的主页代码放在那里,但问题是,当我把它们放在一个视图文件中时,所有组件(如滑块、图库)都不起作用。经过一些搜索,我发现了一个名为ocLazyLoad的模块。模块正在加载,但有时在jQuery和网站再次不显示组件之前,其他脚本正在加载

有没有办法强制Loader或Angular先加载脚本,然后显示视图

.run(function($rootScope, $state, $ocLazyLoad) {



            $ocLazyLoad.load({

                name: 'authApp',

                files: ['style/js/jquery.min.js', 
                'style/js/bootstrap.min.js',
                'style/js/googlemap.js',
                'style/js/twitter-bootstrap-hover-dropdown.min.js',
                'style/js/jquery.themepunch.plugins.min.js',
                'style/js/jquery.themepunch.revolution.min.js',
                'style/js/jquery.easytabs.min.js',
                'style/js/owl.carousel.min.js',
                'style/js/jquery.isotope.min.js',
                'style/js/jquery.fitvids.js',
                'style/js/jquery.fancybox.pack.js',
                'style/js/fancybox/helpers/jquery.fancybox-thumbs.js?v=1.0.2',
                'style/js/fancybox/helpers/jquery.fancybox-media.js?v=1.0.0',
                'style/js/jquery.slickforms.js',
                'style/js/instafeed.min.js',
                'style/js/retina.js',
                'style/js/google-code-prettify/prettify.js',
                'style/js/scripts.js']

            });
我正在module.run函数中加载所有内容。

对于此类问题,我建议使用而不是ocLazyLoader

RequireJs允许您根据其自身的依赖性选择必须首先加载的库

例如,如果您正在使用jQuery插件,您知道它需要jQuery才能正常工作,因此您将使用jQuery作为依赖项加载此插件,并且RequireJs将以正确的顺序加载所有内容