Passing controllers to angularjs components

Question

I'm trying to implement this behavior using AngularJS components.

<parent-component>
   <reusable-child-component></reusable-child-component>
</parent-component>

What I want is to pass the parent's controller to the a reusable child component. I know that passing controllers can be done using require attribute but will include the name of the parent's component. (ex. require : '^parentComponent').

Is it possible for me to pass dynamic controller to the child component? That the child component will dynamically receive whatever its parent controller.

<parent-component>
   <reusable-child-component></reusable-child-component>
</parent-component>


<parent2-component>
   <reusable-child-component></reusable-child-component>
</parent2-component>

Need suggestions or help. If possible, written in typescript.

Why do you need this and why can't you simply use bindings for this purpose? This is not a good idea but you can try to use something like this. — Stanislav Kvitash
– Stanislav Kvitash, Commented Jun 2, 2017 at 10:57

Vladimir Zdenek · Accepted Answer · 2017-06-02 11:00:55Z

1

Just use a binding on the child component like so:

<reusable-child-component my-data="dataFromParentController"></reusable-child-component>

Look at the official documentation for components - https://docs.angularjs.org/guide/component

answered Jun 2, 2017 at 11:00

Vladimir Zdenek

2,2901 gold badge20 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

Passing controllers to angularjs components

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