路由跳转

按约定，路由模块的名字应该包含 “Routing”，并与导航到的组件所在的模块的名称看齐。

点击跳转路由
1.添加点击事件

<div *ngFor="let hero of heroes" (click)='gotoDetail(); $event.stopPropagation()'>
</div>
  gotoDetail(): void {
    this.router.navigate(['/detail', this.selectedHero.id]);
  }

<div *ngFor="let hero of heroes" [routerLink]="['/detail', hero.id]">
</div>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容