Here is the code $ocLazyLoadProvider.config({ 'debug': true, // For debugging 'true/false' 'events': true, // For Event 'true/false' 'modules': [{ // Set modules initially name : 'start', // State1 module files: ['js/controller/StartPageController.js','css/slider.css','css/style.css','js/application.js','Assets/CSS/studio.css','js/controller/RegistrationController.js'] },{ name : 'home', // State2 module files: ['js/controller/HomeController.js','css/animate.css'] }, { name : 'studio', // State2 module files: ['js/controller/StudioController.js','Assets/CSS/CssStudio.css'] },{ name : 'gallery', // State2 module files: ['js/controller/GalleryController.js'] }, { name : 'login', // State2 module files: ['js/controller/LoginController.js'] }, { name : 'registration', // State2 module files: ['js/controller/RegistrationController.js'] } ] }); //Config/states of UI Router $stateProvider .state('start', { url: "/start", views : { "" : { templateUrl:"view/slider.html" } }, resolve: { loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { return $ocLazyLoad.load('start'); // Resolve promise and load before view }] } }) //controller.js .controller("LoginController", function ($scope, $state, $ionicModal, $rootScope, $ionicNavBarDelegate, $ionicSideMenuDelegate, DataStorageService, TranslateService, $ionicHistory, $ionicPopup, UserService, $AlertService, PortfolioService) { $ionicSideMenuDelegate.canDragContent(false); $scope.hideBackButton = true; $scope.passwordType = "password"; $scope.passwordFlag = true; $scope.user = {email: "", password: ""}; $scope.showPassword = function () { $scope.passwordFlag = !$scope.passwordFlag; if ($scope.passwordType === "password") { $scope.passwordType = "text"; } else { $scope.passwordType = "password"; } };

I have an idea to make i18n of JavaScript code on the fly. So I'd like to get source code of a file then to make substitution of words (phrases) and only after that to "make eval" of that code. Is it possible?

I am facing the same issues with loading files with ocLazyLoad.js This is my config in routing , $ocLazyLoadProvider.config({ 'debug': true, // For debugging 'true/false' 'events': true, // For Event 'true/false' 'modules': [{ // Set modules initially name : 'reportModule', // State1 module files: ['src/app/reportModule/controllers/reportModule.js','src/app/reportModule/models/reportModuleService.js'] }] }); $stateProvider.state('reportModule', { url: '/reportmodule', views: { "main": { controller: 'ReportModuleController', templateUrl: 'reportModule/views/reportModule.tpl.html' } }, resolve: { loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) { return $ocLazyLoad.load('reportModule'); // Resolve promise and load before view }] }, data: { pageTitle: 'Report' } }); Other than that i want to tell you that my projects loads all the modules with grunt's tasks So how does that affect ondemand loading .? Can you Please help me ? Regards.

There are a way to configure cache: false, in a global config, actually i enable that in every load({cache:false}) method

My route.js file is getting bigger and bigger (8000 line until now!)

Hi, I am using a proxy service to get the js files from different domains which requires the url of the target js to be passed in a querystring. When I do this the scripts are not being added to the page. There is no error message and the DOM is unchanged. Is this expected? Tim

Hello... I create an issue on stackoverflow please read it, https://stackoverflow.com/questions/48238918/redirect-state-to-otherwise-after-refresh-page Thanks ... pls help :'(

I used below to load the one angular module in another using below <div oc-lazyload= [{type:'index.html'}]><myapp></myapp></div>

I've written a custom loader, except the module injection of angular doesn't work yet, and the internet doesn't tell much about it. Now ocLazyLoad does work with module injection, awesome! +1, how can i use my own loader for the file, and then trigger ocLazyLoad to "inject" the result?

Hi team, I am using OcLazyLoad in my application and it is working pretty fine, i just want to know if there is a solution that allow to give a file a unique hash as Cachebust. Indeed, the cache attribute given is loading files each time we need a lazy loaded module. Thanks in advance. Squad

i have a dashboard which users two controllers and these two controllers are in different file. can i know how to load two controllers using lazyload. below is the code which i have altered by does not work firsttime. when i open the page that uses the second controller and close then the dash board works fine. .state('dashboard.home',{ url:'/home', controller: 'MainCtrl', templateUrl:'views/dashboard/home.html', resolve: { loadMyFiles:function($ocLazyLoad) { return $ocLazyLoad.load({ name:'sbAdminApp', files:[ 'scripts/controllers/main.js', 'scripts/directives/timeline/timeline.js', 'scripts/directives/notifications/notifications.js', 'scripts/directives/chat/chat.js', 'scripts/directives/dashboard/stats/stats.js' ] }) $ocLazyLoad.load({ name:'sbAdminApp', files:['scripts/controllers/pvContoller.js'] }) } } })

The following code doesn't work: $ocLazyLoad.load('https://js.stripe.com/v2/').then(function () console.log('stripe loaded'); }); It doesn't load the script at that location and doesn't reach the console.log line. It seems something about the URL breaks the script loading. Any ideas? Thanks for the great library!

Hi! Just wondering if it's possible to use cache parameter when using oc-lazy-load directive? I need to turn off caching. Something like this: <div oc-lazy-load="['widgets/widget/widgetModule.js']" oc-cache="false" ... "> Thanks in advance! -Kalle

Somethings, I get error Fail load reload, maybe because networking. But, how can i run reload this resource ? How can I get status of this resource by OcLazyload ? Thanks guys.

Hello, I want load file whan i call my state like this [code] .state('myState', { url: "/myUrl", templateUrl: "views/myView.html", controller: "myController", resolve: { deps: ['$ocLazyLoad', function($ocLazyLoad) { return $ocLazyLoad.load({ name: 'myRoute', insertBefore: '#ng_load_plugins_before', files: [ 'provider/provider1.js', 'provider/provider2.js', 'provider/provider3.js', 'controler/mycontroller.js' ] // here todo Callback files for loader the second controller } //, Or here ? todo Callback files for loader the second controller ); }] } }) [/code]

Hi team, I am using OcLazyLoader in my application and it is working pretty fine, i just want to know if there is any way i can make OCLAzyLoader configurable. By configurable i mean i can use it as a Switch, when i want i can use it and when i don't want i can turn it off. So is there any method or any event with which i can achieve this. Thanks in advance.

Hello! Your module works great to lazy load files with known filenames in development. Is there an integrated way to map filenames with version suffix build and saved in App Web Manifest (manifest.json) I found nothing so I ask before I build s.th. that is already there.

Hi I want to resolve multi function and pass to controller with ocLazyLoad. .state('admin.editUser',{ url: "/users/:id/edit", templateUrl: "app/modules/user/views/userform.html", ncyBreadcrumb: { label: 'New User', parent:'admin.users' }, data: { permits: { withOnly: 'edit_user' } }, controller:'UserEditCtrl', resolve: { dep: ['$ocLazyLoad', function( $ocLazyLoad ){ return $ocLazyLoad.load(['dropzone','RoleServiceModule','UserServiceModule']).then( function(){ return $ocLazyLoad.load(['app/modules/user/controllers/UserEditCtrl.js']); } ); }], resolvedItems:['dep','UserService','$stateParams', function(dep,UserService,$stateParams) { return { user:function() { return UserService.show($stateParams.id).then(function(data) { return data; }); }, roomNo:function(data) { return "100"; } }; }] } })