专栏首页Alan's LabAngular2 返回时组件生命周期函数不被调用的解决方法

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']);
}));

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • iOS一点点 - TableView 拼音序排序(汉字转拼音、简繁体转换、日文转罗马音等)

    Introduction to ICU General Transforms Transform Rule Tutorial 使用ICU进行拼音转汉字暂时似乎也...

    Alan Zhang
  • 工作经历教给我的一些东西

    第一篇赞最多的文章被我痛心的隐藏了。。因为过了这么久回顾一下,那时的体会已经不能代表我现在的想法了。我现在都惊奇当时为什么会有这么多关注。。。更何况现在自己的学...

    Alan Zhang
  • 如何编写一个 jQuery 插件

    https://github.com/zcfan/sket... 重写了本文的初步功能实现,支持一个页面多个画图板。但为简单起见,本文保持不变。

    Alan Zhang
  • Vue Router 实现多种页面跳转

    用法跟this.$router.push一样,但是跳转有区别。 前者跳转之后会向history栈添加一个记录,点击后退会返回到上一个页面。 后者跳转不会向h...

    任我行RQ
  • vue 路由组件

    单页应用(single page web application,SPA),是在一个页面完成所有的业务功能,浏览器一开始会加载必需的HTML、CSS和JavaS...

    章鱼喵
  • Vue教程(路由Router-嵌套及案例)

    Vue 中路由在使用的时候 嵌套 使用是非常频繁的,所以本文我们就来通过案例来介绍下嵌套路由的使用。

    用户4919348
  • Vue教程(路由Router-传值)

      实现路由传参的第一种方式是在 router-link 的 to 跳转地址后拼接,如下

    用户4919348
  • 以小白的角度解读Koa源码

    使用Koa已有一段时间,为什么会从Express转向Koa呢,那还是得从Express上说起。对于服务端的Web框架来说,Express更为贴近「Web Fra...

    JowayYoung
  • 收藏 | 统计学最全思维导图,附下载链接

    本文用一系列「思维导图」由浅入深的总结了「统计学」领域的基础知识,是对之前系列文章做的一次完整的梳理,也是我至今为止所有与统计有关的学习笔记。众所周知,「统计学...

    1480
  • django的sqlite3的使用_3_

    此内容进行用户管理,首先在settings.py中启用django.contrib的app。

    py3study

扫码关注云+社区

领取腾讯云代金券