how to use a controller from another module in Angular-ui-Bootstrap's modal?

Question

I have a dialog I want to use in two different places, so I've built a template and a controller trackCtrl for a modal to use. That controller is defined on the settingsApp module which is not the one launching the modal, so I would like to do something like this:

var modalInstance = $modal.open({
     templateUrl: 'templates/track.html',
     controller: 'settingsApp.trackCtrl'
});

but it fails of course.

What is the best way to solve this problem?

thanks!

You simply use the name of the controller, whatever its module is. At runtime, all the components are in the same namespace, whatever the module is. — JB Nizet
– JB Nizet, Commented Oct 26, 2014 at 14:29
I've got the following error: "Error: [ng:areq] Argument 'trackCtrl' is not a function, got undefined" — Eran
– Eran, Commented Oct 26, 2014 at 14:57
Then the controller is not named 'trackCtrl', or it's not defined at all, or its module is not loaded. Hard to help without seeing the code. — JB Nizet
– JB Nizet, Commented Oct 26, 2014 at 14:59
The problem was that the js containing the controller's registration was not called. Thanks! — Eran
– Eran, Commented Oct 26, 2014 at 15:09

Tomas Kirda · Accepted Answer · 2014-10-26 14:30:24Z

1

Just add a dependency to your other module and then just simply use that controller name.

angular('app', ['settingsApp']);

var modalInstance = $modal.open({
     templateUrl: 'templates/track.html',
     controller: 'trackCtrl'
});

answered Oct 26, 2014 at 14:30

Tomas Kirda

8,4233 gold badges33 silver badges24 bronze badges

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

1 Comment

Eran Over a year ago

thanks, I guess in most cases it would work, but it doesn't work in my project. I've paused on debug right before $modal.open command and angular.module("settingsApp") exists and reachable. any other suggestions?

Eran · Accepted Answer · 2014-10-26 15:17:48Z

0

The problem was that the js file defining the controller was never run. (The controller should be referred to simply by its name.)

answered Oct 26, 2014 at 15:17

Eran

3852 silver badges12 bronze badges

Collectives™ on Stack Overflow

how to use a controller from another module in Angular-ui-Bootstrap's modal?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related