Javascript angularJs和ocLazyLoader
我对angularJs很陌生。目前,我正在开发一个带有laravel框架的单页网站 目前我只有一个ngView,我把我的主页代码放在那里,但问题是,当我把它们放在一个视图文件中时,所有组件(如滑块、图库)都不起作用。经过一些搜索,我发现了一个名为ocLazyLoad的模块。模块正在加载,但有时在jQuery和网站再次不显示组件之前,其他脚本正在加载 有没有办法强制Loader或Angular先加载脚本,然后显示视图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
.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将以正确的顺序加载所有内容