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

相关内容

热门资讯

透视教学(微扑克ai辅助工具)... 透视教学(微扑克ai辅助工具)pokerrrr2挂(详细辅助必备教程)本来真的是有挂,亲,有的,ai...
微扑克辅助挂!德州之星ai辅助... 微扑克辅助挂!德州之星ai辅助,(wePOke)都是存在有挂(详细辅助靠谱教程)1、让任何用户在无需...
透视透视(wepoke确实有挂... 透视透视(wepoke确实有挂)德扑之星隐藏功能在哪(详细辅助教你攻略)好像真的有挂1、构建自己的微...
德州之星辅助挂!约局吧是正规的... 相信很多朋友都在电脑上玩过德州之星辅助挂吧,但是很多朋友都在抱怨用电脑玩起来不方便。为此小编给大家带...
透视线上(智星德州菠萝开挂)德... 透视线上(智星德州菠萝开挂)德扑之星记分牌有什么用(详细辅助透明挂教程)原来有挂1、任何德州ai辅助...
微扑克辅助器ios!wpk透视... 微扑克辅助器ios!wpk透视,(wEPOKE)原来有挂(详细透视透明教程);(需添加指定Q群106...
透视科技(德州之星辅助)微扑克... 1、透视科技(德州之星辅助)微扑克算正规平台吗(详细辅助玩家教程)一直是有挂2、进入游戏-大厅左侧-...
wpk有透视辅助!德扑统计软件... wpk有透视辅助!德扑统计软件,(wepOke)先前有挂(详细透视AI教程);实战中需综合运用上述技...
透视辅助(wepoke一定有挂... 1、透视辅助(wepoke一定有挂)德州wpk有外挂吗(详细辅助2025新版教程)确实真的有挂;该软...
WPK透视辅助!微扑克辅助是真... 1、WPK透视辅助!微扑克辅助是真的吗,(智星德州)确实是有挂(详细辅助攻略教程);详细教程。2、W...