Send data from child to parent within routing - Angular

Question

I have 2 components: ProcessComponent & ClientTypeComponent binded to routes.

const routes: Routes = [
    {
            {path: 'login', component: LoginComponent},
            {path: 'home', component: HomeComponent, canActivate: [AuthGuard]},
            {
                path: 'process', component: ProcessComponent, canActivate: [AuthGuard], children: [
                    {path: 'client-type', component: ClientTypeComponent, canActivate: [AuthGuard]}
                ]
            }

];

How can I just send a simple boolean value from /process/client-type to /process

I can't use neither data-binding or EventEmitter since I don't use nested components but nested routes.

There is probably a way but I can't find any answers.

something like this (from the angular docs): this.router.navigate(['/heroes', { id: heroId, foo: 'foo' }]); or as already mentioned, use a service — Ric
– Ric, Commented Mar 28, 2018 at 10:24

chirag sorathiya · Accepted Answer · 2018-03-28 10:13:43Z

1

try this i think it's duplicate of How do I pass data to Angular routed components?

answered Mar 28, 2018 at 10:13

chirag sorathiya

1,25312 silver badges31 bronze badges

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

2 Comments

Azoulay Jason Over a year ago

this isn't a duplicate but maybe I can use it. Send an event to a service that sends an other event to my parent component

chirag sorathiya Over a year ago

yes you can use it and i think it proper way to pass a data from one to other

Basavaraj Bhusani · Accepted Answer · 2018-03-28 10:11:02Z

0

You should use service to get the value. You store the value in service before routing to 'client-type'. Get the value in ngOninit of ClientTypeComponent

answered Mar 28, 2018 at 10:11

Basavaraj Bhusani

5,7032 gold badges19 silver badges24 bronze badges

1 Comment

Azoulay Jason Over a year ago

The value can change in ClientType component, so it can't be onInit

Collectives™ on Stack Overflow

Send data from child to parent within routing - Angular

2 Answers 2

2 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Linked

Related