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值。

相关内容

热门资讯

科普“WePoker透视挂效果... 您好:WePoker透视挂效果如何这款游戏是可以开挂的,软件加【添加微信客服136704302】确实...
玩家必看科普“wepoker透... 玩家必看科普“wepoker透视开挂挂教程”开挂辅助器(透视)扑克教程是一款可以让一直输的玩家,快速...
传递经验“wepoker透视挂... 您好:wepoker透视挂真的吗这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很...
揭秘几款“wepoker透视脚... 揭秘几款“wepoker透视脚本连接”开挂辅助插件(透视)2026新版是一款可以让一直输的玩家,快速...
玩家必备攻略“微扑克发牌机制”... 玩家必备攻略“微扑克发牌机制”开挂辅助平台(透视)科技教程是一款可以让一直输的玩家,快速成为一个“必...
发现一款“wepkoer开挂透... 发现一款“wepkoer开挂透视方法”开挂辅助器(透视)必赢教程是一款可以让一直输的玩家,快速成为一...
推荐一款“wepoker私人局... 您好:wepoker私人局透视挂真的吗的软件,软件加客服确实是有挂的,很多玩家在这款游戏中打牌都会发...
实测必看“wepoker开挂透... 您好:wepoker开挂透视方法这款游戏是可以开挂的,软件加【添加微信客服136704302】确实是...
推荐十款“wepoker开挂软... >>>您好:,软件加微信【添加136704302】确实是有挂的,很多玩家在这款游戏中打牌都会发现很多...
每日必看教程“wepoker透... 每日必看教程“wepoker透视脚本配置”开挂辅助神器(透视)存在挂教程是一款可以让一直输的玩家,快...