AngularJS - How to load JS files in route `when` controller?

Question

I have a web application using AngularJS, but each view has different JS files. How can I load JS files in route when controller?

var app = angular.module("myApp", ['ngRoute']);
app.config(['$routeProvider',
    function ($routeProvider) {
        $routeProvider.
                when('/member/master', {
                    templateUrl: 'templates/two-grid.html',
                    controller: 'memberMaster'
                }).
                when('/core/master', {
                    templateUrl: 'templates/two-grid.html',
                    controller: 'coreMaster'
                }).
                when('/user/master', {
                    templateUrl: 'templates/two-grid.html',
                    controller: 'userMaster'
                }).
                otherwise({
                    redirectTo: '/dashbourd'
                });
    }]);

app.controller('coreMaster', function ($scope) {
    //I want to load js/coremaster.js here
});
app.controller('memberMaster', function ($scope) {
    //I want to load js/membermaster.js here
});
app.controller('userMaster', function ($scope) {
    //I want to load js/usermaster.js here
});

Nguyen Sy Thanh Son · Accepted Answer · 2015-12-27 11:04:15Z

1

I think that $stateProvider and ocLazyLoad can help you.

See a example:

$stateProvider
.state('login',{
    templateUrl:'views/pages/login.html',
    controller: 'LoginCtrl',
    controllerAs: 'vm',
    url:'/login',
    resolve: {
        loadMyDirectives:function($ocLazyLoad){
            return $ocLazyLoad.load(
                {
                    name:'aExample',
                    files:[
                        'scripts/controllers/login.js',
                    ]
                });
        }
    }
})

And you can see other examples here: https://github.com/ocombe/ocLazyLoad/blob/master/examples/complexExample/js/app.js

answered Dec 27, 2015 at 11:04

Nguyen Sy Thanh Son

5,3961 gold badge25 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

vahid mehrjooei Over a year ago

thanks to your answer,but this method "get" the js file asynchronous and functions run with delay.this delay is so bad.

Collectives™ on Stack Overflow

AngularJS - How to load JS files in route `when` controller?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related