Same view multiple controllers in Angular

Question

I am using ng-table directive to show tables with data.

My current view utilising the table is :

<table ng-table="table_params" show-filter="true" ng-controller="table">
...
</table>

I have couple of more pages that need to display the same table (only different data). So the logical thing for me seems to be using one view but different controllers to fill the table with different data. I am not sure whats the Angular way of doing that and how to do it.

I am using angular-route to do the routing with ng-view directive

Tino · Accepted Answer · 2013-12-17 07:43:40Z

1

In your case, don't put ng-controller in the html, but in js (i.e. app.js)

.when('/table', {
  templateUrl: 'views/table.html',
  controller: 'tableCtrl'
})
.when('/yetanothertable', {
  templateUrl: 'views/table.html',
  controller: 'yetanothertableCtrl'
})

If you want to have a separate section with another controller, put it in a separate html and use ng-include. In your views/table.html:

<div>Main content here...</div>
<div ng-include="'views/extracontent.html'"></div>

Then put in your 'views/extracontent.html' a ng-controller. Remember that ng-include accepts var as well so you can declare it in the tableCtrl and others to include different views.

edited Dec 17, 2013 at 7:43

answered Dec 16, 2013 at 10:36

Tino

4464 silver badges6 bronze badges

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

1 Comment

Michael Over a year ago

in case of ng-router you are right, my problem with defining controllers in ng-router is that sometimes I want to have multiple controllers in single page, not specifying the controller is easier since angular defers which controller to use by looking at the template.

Oliver · Accepted Answer · 2013-12-16 10:34:47Z

1

If you are using ngRoute then set up the controller in the $routeProvider config, not in the template.

$routeProvider.when('/table/1', {
    templateUrl: 'common_table.html',
    controller: 'Table1Controller'
});

doc: ngRoute.$routeProvider#methods_when

answered Dec 16, 2013 at 10:34

Oliver

4,4712 gold badges23 silver badges18 bronze badges

Collectives™ on Stack Overflow

Same view multiple controllers in Angular

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