Angular7 生命周期钩子(Hook)和路由

标签 angular angular7

我很好奇当我们在当前页面中使用 router.navigate 时调用了哪些生命周期钩子(Hook),比如说重新加载页面。

constructor(private router: Router) { }
reload () {
    this.router.navigate(['/currentpage']);
} 

最佳答案

这是顺序

  • 构造器
  • ngOnChanges
  • ngOnInit
  • ngDoCheck
  • ngOnDestroy
  • ngAfterContentInit
  • ngAfterContentChecked
  • ngAfterViewInit
  • ngAfterViewChecked

允许您跟踪路由器生命周期的路由器事件。路由器事件的顺序如下:

  • 导航开始
  • RouteConfigLoadStart
  • RouteConfigLoadEnd
  • RoutesRecognized
  • GuardsCheckStart
  • ChildActivationStart
  • 激活开始
  • GuardsCheckEnd
  • 解决开始
  • 解决结束
  • 激活结束
  • child 事件结束
  • 导航结束
  • 导航取消
  • 导航错误
  • 滚动

关于Angular7 生命周期钩子(Hook)和路由,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55470457/

相关文章:

Angular Material 步进器标题线样式

node.js - Angular 2 Webpack 生产构建和 Node : can't get direct URLs to serve

angular - *ngIf 带有焦点指令

angular - 为 Angular 7 中的 ng e2e 测试设置特定环境,而无需为应用程序提供服务

javascript - 如何在纯 javascript 或 typescript 中访问表的最后一列

angular - 有没有办法将 Angular 数据表与每列 "angular way"的过滤器一起使用?

javascript - 如何根据 url 的结果更改我的 angular 7 网站上的 css 元素?

Angular 2 辅助路线首次有效,但在后续点击中无效

angular - 检查后表情发生了变化。

angular - 当我点击 anchor 按钮时 routerLink 不工作时我使用 Angular 7 它不工作