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, Mar 28 '18 at 10:24

score 1 · Accepted Answer · answered Mar 28 '18 at 10:13

1

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

answered Mar 28 '18 at 10:13

chirag sorathiya

1,143
7
28

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 – Azoulay Jason Mar 28 '18 at 10:20
yes you can use it and i think it proper way to pass a data from one to other – chirag sorathiya Mar 28 '18 at 10:22

score 0 · Answer 2 · answered Mar 28 '18 at 10:11

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 '18 at 10:11

Basavaraj Bhusani

4,855
2
15
24

1

The value can change in ClientType component, so it can't be onInit – Azoulay Jason Mar 28 '18 at 10:12

Send data from child to parent within routing - Angular

2 Answers2