Question

给定以下与自定义插座的路由器链接：

<a [routerLink="[{outlets: {"playListOutletName", ["playlist-path"]}]"]

如何在组件内导航到此插座和网址：

  <button (click)=goToRoute()>


class MyComponent {

   constructor(private router: Router){}
   goToRoute(){
    #TODO this.router.navigate[] ??
   }
}

Answer 1

我相信这就是你要找的东西：

this.router.navigate([{ outlets: {'playListOutletName': ['playlist-path']}]);

Answer 2

你不需要围绕整个属性的方括号，只有属性名称和出口名称是outlet对象上属性的名称，所以它后面应该跟冒号而不是逗号，就像这样：

<a [routerLink]="[{outlets: {"playListOutletName": ["playlist-path"]}}]">Link text</a>

导航到组件内的辅助路径

2 个答案: