路由編程到其他組件中Angular2/4

Question

使用相對路徑這是我的文件夾結構：

App 
    -KitchenComponent 
     -css 
     -html 
     -kitchen.component.ts 
    -BedroomComponent 
     -css 
     -html 
     -kitchen.component.ts 
app.component.html 
app.component.ts 

我想從廚房組件移到臥室組件編程方式使用相對路徑。

KitchenComponent.html 
<button (click)="moveToBedroomComponent()"></button> 

KithcenComponent.ts 
Constructor(private router: Router){} 
moveToBedroomComponent(){ 
    this.router.navigate(['bedroom'], {relativeTo:_____}); 
} 

我覺得我被困在給這裏的相對路徑，輸入讚賞。

Answer 1

relativeTo參數爲基準，以激活路線：

所有的

@Component({...}) 
class KitchenCmp { 
    constructor(private route: ActivatedRoute, private router: Router) { 
    } 

    moveToBedroomComponent(){ 
    this.router.navigate('../bedroom', {relativeTo:this.route}); 
    } 
} 

Answer 2

首先，這將是很好看你app.route.ts文件。

我做導航這樣的： this._router.navigate(['dashboard']);

我app.route.ts包含{path: 'dashboard', component: HomeComponent, canActivate: [AuthGuard]}

另外，還要確保您的進口是正確的： import { Router, ActivatedRoute } from '@angular/router';

編輯

你確定你需要relativeTo位在你的router？乍一看，你似乎沒有。