这两天使用 Angular2 遇到的一个 @angular/router 的 bug:
症状
@angular/router 版本 3.0.0-beta.2
使用 safari 浏览器,iOS 的都可以
打开 Angular2 官方的范例项目
点击导航栏上的 Heroes 转到 Heroes 列表页面
后退回到 Dashboard 页面,正常情况下应该有的四个 Heroes 没有出现
桌面 safari 或 iOS 的都可以,使用 router 导航到一个新页面,然后后退,原页面 Component 的生命周期函数不会被调用,导致页面表现不正常。
解决方法
已经有人修复了:fix(router): back button does not work in IE11 and Safari
但至本文成文还没有更新到最新的 router npm 模块里。不急的话等 router 下个版本应该就修复了。临时应急的话可以自行修改项目目录下的node_modules/@angular/router/src/router.js
的 282 和 284 行即可
this.locationSubscription = this.location.subscribe(Zone.current.wrap(function (change) { return _this.scheduleNavigation(_this.urlSerializer.parse(change['url']),change['pop']); }));