Pass callback to angular component create with route

Question

I have a component that is created with a route and this component has an Output EventEmitter. How can I subscribe to this Output if the component was created on routing?

The component is created like this:

{ path: 'component-A',
  component: ComponentAComponent
}

Ahmed ElMetwally · Answer 1 · 2020-07-14T01:32:44.327

1

<new-component (event_emitter_variable_name)="custom_function()"></new-component>

To know more go to this example

Update

You can create service to can communicate between two components. component 2 will subscribe on a event in the service. component 1 will push to this event in the service. example.

edited Jul 14 '20 at 01:32

answered Jul 14 '20 at 01:03

Ahmed ElMetwally

2,276
3
10
15

The component is created with a route. – ALopez Jul 14 '20 at 01:26
Sorry for not understand your question .I updated my answer. – Ahmed ElMetwally Jul 14 '20 at 01:34

score 0 · Answer 2 · answered Jul 14 '20 at 02:17

You can listen to the activate EventEmitter from the router-outlet

<router-outlet (activate)="onRouterActivate($event)"></router-outlet>

$event is your routed Component, then you can listen to an Event. Depending on what you want to achieve, using a Service may be a better choice.

Pass callback to angular component create with route

2 Answers2