从父级导航<router-outlet>

Question

我正在尝试将a中处于活动状态的te组件从其父组件更改为活动组件。看看Ionic does it是如何实现的，我假设它应该类似于下面这样(非常简单)：

@Component({
    template: '<router-outlet></router-outlet>'
})
export class MyComponent {
    @ViewChild(RouterOutlet) router: RouterOutlet;

    foo() {
        this.router.navigate('/route');
    }
}

显然，这是行不通的。有没有办法做类似的事情？

提前谢谢你！