How do I initialize a nested controller in AngularJS?

Question

Lets say we have an AngularJS view whith a master detail relation. e.g. order and order details.

And we assume the details are rendered using an ng-repeat over order.details. e.g.

<div ng-repeat="detail in orderCtl.order.details" 
     ng-controller="detailController as detailCtl">

I know that I can fetch the $scope.detail when the detailController is initialized.

 /* initcontroller */ 
 function($scope) {
      console.log($scope.detail); //<-- this is the active item
 }

But, that feels like a hack since I need to know in the controller what the ng-repeat variable name is, in this case detail

Is there any other way to get the active item from the repeater in the controller init?

If someone would change the ng-repeat variable name from detail to something else, then the controller would no longer work as expected.

Can you provide an example (in code)? The question is unclear, currently. — Davin Tryon
– Davin Tryon, Commented Jan 22, 2015 at 9:21

szapio · Accepted Answer · 2015-01-22 13:34:42Z

3

As I understood, you want to pass detail variable into nested scope, and you don't want to worry to remember variable name in case that you have to use nested Controller inside another ng-repeat?

You can do it very easily

<div ng-repeat="detail in orderCtl.order.details" 
 ng-controller="detailController as detailCtl" ng-init="myVarname= detail">

<div ng-repeat="historydetails in orderCtl.historyorder.details" 
 ng-controller="detailController as detailCtl" ng-init="myVarname= historydetails ">

and remember to use myVarname in detailController. Of course that is not perfect, because you have to remember that detailController needs myVarname to work.

edited Jan 22, 2015 at 13:34

answered Jan 22, 2015 at 11:52

szapio

1,0081 gold badge9 silver badges15 bronze badges

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

1 Comment

szapio Over a year ago

@Pablo De Nadai, No, i should like to thank you, I haven't even noticed that I've used English so bad

Collectives™ on Stack Overflow

How do I initialize a nested controller in AngularJS?

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