Angular无法获取路由的@inputData - getCurrentNavigation()方法返回null值。
创始人
2024-10-30 01:00:54
0

在Angular中,getCurrentNavigation()方法用于获取当前路由的导航状态。然而,在某些情况下,该方法可能返回null值,这可能是由于异步导航或刷新页面等原因造成的。以下是解决此问题的一种常见方法:

  1. 使用订阅路由事件的方式获取当前导航信息:
import { Router, NavigationEnd } from '@angular/router';

export class YourComponent implements OnInit {
  constructor(private router: Router) {}

  ngOnInit() {
    this.router.events.subscribe(event => {
      if (event instanceof NavigationEnd) {
        const navigation = this.router.getCurrentNavigation();
        if (navigation) {
          const data = navigation.extras.state;
          // 使用获取到的data进行后续操作
        }
      }
    });
  }
}

在上面的代码中,我们订阅了路由事件,并在每次导航结束时检查getCurrentNavigation()方法的返回值。如果返回值不为null,我们可以从导航对象的extras属性中获取数据。

  1. 使用ngOnInit()钩子函数获取数据:
import { Router, ActivatedRoute } from '@angular/router';

export class YourComponent implements OnInit {
  constructor(private router: Router, private route: ActivatedRoute) {}

  ngOnInit() {
    const navigation = this.router.getCurrentNavigation();
    const data = navigation?.extras?.state;
    // 使用获取到的data进行后续操作
  }
}

在上面的代码中,我们通过注入ActivatedRoute来获取当前路由的导航信息。然后,我们可以使用getCurrentNavigation()方法来获取数据。

请注意,在使用以上方法时,确保在路由的导航结束之后再使用getCurrentNavigation()方法获取数据,以避免获取到null值。

相关内容

热门资讯

这一问题亟待解决!aapoke... 这一问题亟待解决!aapoker能控制牌吗(透视)汇城辅助(确实真的是有辅助工具)-哔哩哔哩汇城辅助...
最终!哈糖大菠萝有挂吗(透视)... 最终!哈糖大菠萝有挂吗(透视)海盗来了刷能量辅助(一贯是真的辅助修改器)-哔哩哔哩海盗来了刷能量辅助...
目前!pokemmo手机辅助软... 目前!pokemmo手机辅助软件(透视)宝宝斗场辅助器(真是是有辅助插件)-哔哩哔哩1、玩家可以在宝...
透视神器!wepoker怎么设... 透视神器!wepoker怎么设置房间(透视)上饶辅助设备出租(一直存在有辅助软件)-哔哩哔哩1、很好...
现有关情况通报如下!hhpok... 现有关情况通报如下!hhpoker怎么开透视(透视)天天互娱辅助器免费下载(本来是有辅助修改器)-哔...
透视规律!poker红龙辅助(... 透视规律!poker红龙辅助(透视)大菠萝怎么提高好牌几率(切实有辅助神器)-哔哩哔哩1、大菠萝怎么...
值得注意的是!epoker透视... 值得注意的是!epoker透视(透视)凑一桌游戏作必弊(竟然真的有辅助下载)-哔哩哔哩该软件可以轻松...
连日来!哈糖大菠萝破解器(透视... 连日来!哈糖大菠萝破解器(透视)微信小程序哥哥打大a辅助(真是有辅助神器)-哔哩哔哩1、每一步都需要...
透视存在!pokemmo手机版... 透视存在!pokemmo手机版脚本免费(透视)西部透视辅助(好像存在有辅助app)-哔哩哔哩1、玩家...
透视新版!拱趴大菠萝怎么开挂(... 透视新版!拱趴大菠萝怎么开挂(透视)三哥玩辅助器软件(好像存在有辅助软件)-哔哩哔哩1、三哥玩辅助器...