angular 2新路由器:浏览器的“后退”和“前进”按钮工作不正常

angular 2新路由器:浏览器的“后退”和“前进”按钮工作不正常,angular,angular2-routing,Angular,Angular2 Routing,这是谷歌提供的用于演示相对导航的plunkr: export class CrisisListComponent implements OnActivate { crises: Crisis[]; private currSegment: RouteSegment; private selectedId: number; constructor( private service: CrisisService, private router: Router) {

这是谷歌提供的用于演示相对导航的plunkr:

export class CrisisListComponent implements OnActivate {
  crises: Crisis[];
  private currSegment: RouteSegment;
  private selectedId: number;

  constructor(
    private service: CrisisService,
    private router: Router) { }

  isSelected(crisis: Crisis) { return crisis.id === this.selectedId; }

  routerOnActivate(curr: RouteSegment, prev: RouteSegment, currTree: RouteTree) {
    this.currSegment = curr;
    this.selectedId = +currTree.parent(curr).getParam('id');
    this.service.getCrises().then(crises => this.crises = crises);
  }

  onSelect(crisis: Crisis) {
    // Absolute link
    // this.router.navigate([`/crisis-center`, crisis.id]);

    // Relative link
    this.router.navigate([`./${crisis.id}`], this.currSegment);
  }
}
现在在我的Chrome浏览器版本中,单击后退按钮后,浏览器前进按钮将无法正常工作

复制错误:

  • 单击列表中的一项
  • 单击后退按钮
  • -->现在“前进”按钮被禁用
预期:将启用“前进”按钮,并导致单击项目的详细视图


这是一个bug还是我遗漏了什么?

这是因为当使用服务器呈现的内容时,此导航将从服务器重新请求内容,或者可以重新显示缓存的内容。使用客户端框架时,必须模拟此导航,因为导航实际上不会发生,状态历史记录会存储并传递给应用程序,以获得相同的效果


来源:

这是
@angular/router


此路由器将再次被更换。新路由器正在工作中,但可能很快就可以使用。

您是否尝试下载此项目并在本地主机上运行?我的服务器上有一个类似的项目,同样的问题