angular 2新路由器:浏览器的“后退”和“前进”按钮工作不正常
这是谷歌提供的用于演示相对导航的plunkr: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) {
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
此路由器将再次被更换。新路由器正在工作中,但可能很快就可以使用。您是否尝试下载此项目并在本地主机上运行?我的服务器上有一个类似的项目,同样的问题