CODEWITHSUNDEEP
javascriptjqueryangularjstwitter-bootstrap
clearScreen
clearScreen

Reputation: 1012

adding another module dependency in angularjs, the application stops working

I ran into a weird problem that I could not figure out, I could not get a good explanation even after searching on the internet.

I have a application (webpage) which consists of ui-bootstrap's accrodion element which gets the data from a json file by $http request. This part is working perfectly fine. Now I wanted to add a multiselect dropdown and I wanted to use the element provided in ui-select. But when I add the dependencies 'ngSanitize' and 'ui-select' in the module, the application doesn't work. I haven't added any dropdown elements, just the dependencies. I don't understand where the problem is.

The original application controller 

var app = angular.module('callApp', ['ui.bootstrap']);
app.controller('firstController', function($scope, $http, $modal, $log) {
    //some functions are defined here
});
angular.module('callApp').service('popupService', function () {
    //service is defined
});

Then i added the dependencies ngSanitize and ui.select 

var app = angular.module('callApp', ['ui.bootstrap', 'ngSanitize', 'ui.select']);
app.controller('firstController', function($scope, $http, $modal, $log) {
    //some functions are defined here
});
angular.module('callApp').service('popupService', function () {
    //service is defined
});

Now the application doesn't work. I haven't modified any other function or added any elements in the html. Why does such a problem arrive? Is there anything wrong with the declaration?

Upvotes: 1

Views: 807

Answers (1)

Palvinder
Palvinder

Reputation: 1447

Have you added the reference to the js files to your html page too?

What errors do you see in the console (press F12)?

If the reference to the js files exist in your html then just check the paths are correctly pointing to the actual path.

Regards,

Upvotes: 1

Related Questions