Angular2 返回时组件生命周期函数不被调用的解决方法

这两天使用 Angular2 遇到的一个 @angular/router 的 bug：

症状

@angular/router 版本 3.0.0-beta.2

1. 使用 safari 浏览器，iOS 的都可以

2. 打开 Angular2 官方的范例项目

3. 点击导航栏上的 Heroes 转到 Heroes 列表页面

4. 后退回到 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']);
}));

关键字：angular2, bug修复, router, heroes

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！