Angular Nested Controller Reference to Child

Question

I've got two controllers: TaskManageController and TaskFormController. The TaskFormController has function to present it (modally) and the TaskManageController has an "+" button to add. Currently the TaskManageController is a parent of the TaskFormController. How can I call present on the child controller when clicking the "+" button in the parent controller?

<div ng-controller="TaskManageController AS manage">
  ...
  <a ng-click="manage.add()">+</a>
  <div ng-controller="TaskFormController AS form">
    ...
  </div>
</div>

Kevin Sylvestre · Accepted Answer · 2016-08-20 00:18:43Z

1

You could use ng-init to setup a reference to the child controller then use the reference in your manage controller:

<div ng-controller="TaskManageController AS manage">
  ...
  <a ng-click="manage.add()">+</a>
  <div ng-controller="TaskFormController AS form" ng-init="manage.form = form">
    ...
  </div>
</div>

// TaskManageContoller
this.add = function() {
  if (this.form) { this.form.present(); }
}

answered Aug 20, 2016 at 0:18

Kevin Sylvestre

38.2k33 gold badges159 silver badges235 bronze badges

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

Collectives™ on Stack Overflow

Angular Nested Controller Reference to Child

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related