I want to pass an object from app.component to a child component (home.component). Am I using routing the wrong way and that\'s why the child component I want to pass the object
That's a known issue
Binding currently just doesn't work with components added dynamically. But you can pass data imperatively like:
app.component.html
<router-outlet (activate)="activated($event)"></router-outlet>
app.component.ts
activated(comp: any) {
if(comp instanceof HomeComponent) {
comp.testdata = this.testdata;
}
}
Plunker Example
This also might be related