Multiple controller for same view in AngularJS?

Question

Is there any way that I can define two controller for the same templateUrl in angularjs using stateProvider like below?

//State Provider for dashBoard Screen
.state('dashBoard', {
    cache : false,
    url : "/dashBoard",
    templateUrl : dashBoardHtml,
    controller : ["FirstController","SecondController"]
})

The data binding logic is to heavy in my controller, the number of line is more than 1000, I have optimised, reduced cyclometic complexity everything. But now to make it more modularize I need to split the controller without change in the view like by not using any nested views.

Is there any way to define multiple contollers to same templateURL/html?

You could define one controller in the view and the other in the state — Marcus Höglund
– Marcus Höglund, Commented Mar 9, 2017 at 6:13
I think you need to use provider or service to modularize your app. — Hikmat G.
– Hikmat G., Commented Mar 9, 2017 at 6:25

r1cdjuabna1djauk1u · Accepted Answer · 2017-03-09 06:33:31Z

1

I think you can put them into several services for business logic or directives for UI logic to make your code more clear and tidy.

answered Mar 9, 2017 at 6:33

r1cdjuabna1djauk1u

4452 silver badges12 bronze badges

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

1 Comment

Marko Over a year ago

This is probably the best solution.

Abdullah Al Noman · Accepted Answer · 2017-03-09 06:40:29Z

1

This will work for you but if you want then you can use ng-controller directive as well

$stateProvider.state('view', {
    url: "/url",
    views: {
        'menuContent': {
            templateUrl: "template",
            controller: ['ctrl1', 'ctrl2']
        }
    }
});

example using diretive

    <div ng-controller="testController2">
            <!-- your view content -->
     </div>

    <div ng-controller="testController1">
            <!-- your view content -->
   </div>

edited Mar 9, 2017 at 6:40

answered Mar 9, 2017 at 6:11

Abdullah Al Noman

2,8884 gold badges22 silver badges37 bronze badges

Comments

Sachila Ranawaka · Accepted Answer · 2017-03-09 06:23:19Z

0

You can only assign one controller from the state and other one inside template like this

.state('dashBoard', {
    cache : false,
    url : "/dashBoard",
    templateUrl : dashBoardHtml,
    controller : FirstController
})

template

<div data-ng-controller="SecondController">
        <!-- your view content -->
    </div>

answered Mar 9, 2017 at 6:23

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Comments

pawan · Accepted Answer · 2017-03-09 06:43:45Z

0

your can assign controller on html

<div ng-controller="controller1"></div>

and on same HTML on other div

 <div ng-controller="controller2"></div>

answered Mar 9, 2017 at 6:43

pawan

194 bronze badges

Collectives™ on Stack Overflow

Multiple controller for same view in AngularJS?

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related