首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >离子4迁移: Ionic 3生命周期事件/导航防护器的角度等效值是多少?

离子4迁移: Ionic 3生命周期事件/导航防护器的角度等效值是多少?
EN

Stack Overflow用户
提问于 2019-01-24 09:10:03
回答 2查看 2.2K关注 0票数 6

我有一个艰难的时间做离子3到4迁移。官方的迁移指南要求我们使用“适当的角度选择”。有谁能告诉我以下角度生命周期-钩替换的等价离子3生命周期-钩子

  1. ionViewDidLoad
  2. ionViewWillEnter未被替换
  3. ionViewDidEnter未被替换
  4. ionViewWillLeave未被替换
  5. ionViewDidLeave未被替换
  6. ionViewWillUnload
  7. ionViewCanEnter
  8. ionViewCanLeave

请帮我把上面的

  1. ngOnChanges()
  2. ngOnInit()
  3. ngDoCheck()
  4. ngAfterContentInit()
  5. ngAfterContentChecked()
  6. ngAfterViewInit()
  7. ngAfterViewChecked()
  8. ngOnDestroy()

编辑:我确实读过离子4路由器-出口文档。

EN

回答 2

Stack Overflow用户

发布于 2019-01-24 10:18:04

ionViewDidLoad => ngOnInit()

ionViewWillUnload => ngOnDestroy()

来自角舵

ngOnInit() 在角第一次显示数据绑定属性并设置指令/组件的输入属性之后初始化指令/组件。 ngOnDestroy() 在角破坏指令/组件之前进行清理。取消订阅可观察性并分离事件处理程序以避免内存泄漏。

对于ionViewCanEnter()和ionViewCanLeave(),您必须按照文档中的建议使用路由器警卫。就像。如果要保护路由不受未经身份验证的用户影响,必须首先创建服务文件以检查身份验证。

代码语言:javascript
复制
import { Injectable } from '@angular/core';
import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';

@Injectable()
export class AuthGuard implements CanActivate {

constructor(private router: Router) { }

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
    if (isAuthenticated) {
        // logged in so return true
        return true;
    }

    // not logged in so redirect to login page with the return url
    this.router.navigate(['/login']);
    return false;
}
}

然后在路由路径中使用canActivate属性中的服务:

代码语言:javascript
复制
{path:'home',component:HomeComponent,canActivate:[AuthGuard]}
票数 4
EN

Stack Overflow用户

发布于 2020-06-26 10:41:52

  1. ionViewDidLoad被ngOnInit取代
  2. ionViewWillEnter未被替换
  3. ionViewDidEnter未被替换
  4. ionViewWillLeave未被替换
  5. ionViewDidLeave未被替换
  6. ionViewWillUnload被ngOnDestroy取代
  7. ionViewCanEnter被CanActivate取代
  8. ionViewCanLeave被CanDeactivate取代
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54342919

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档