使用navigationExtras动态发送数组数据的方法如下:
import { Router, ActivatedRoute, NavigationExtras } from '@angular/router';
constructor(private router: Router, private route: ActivatedRoute) { }
const myArray = [1, 2, 3, 4, 5];
const navigationExtras: NavigationExtras = {
state: {
data: myArray
}
};
this.router.navigate(['target-component'], navigationExtras);
import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) { }
ngOnInit() {
const data = this.route.snapshot.state.data;
console.log(data); // 输出 [1, 2, 3, 4, 5]
}
这样就可以使用navigationExtras动态发送数组数据了。在源组件中,通过创建NavigationExtras对象并将数组数据传递给它的state属性,然后在目标组件中使用ActivatedRoute的snapshot属性获取传递过来的数组数据。这种方法适用于Angular的路由导航。
领取专属 10元无门槛券
手把手带您无忧上云