angular路由器:如何将数组用作参数。
创始人
2024-10-28 04:30:14
0

可以通过使用字符串化数组参数并在路由器配置中进行解析来实现此目的。以下是如何使用此方法的示例代码:

路由器配置:

const routes: Routes = [
  {
    path: 'example',
    component: ExampleComponent,
    resolve: {
      exampleData: ExampleResolver
    }
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

ExampleResolver:

@Injectable({
  providedIn: 'root'
})
export class ExampleResolver implements Resolve {
  resolve(route: ActivatedRouteSnapshot): Observable | Promise | any {
    const exampleData = JSON.parse(route.queryParamMap.get('exampleData'));
    return exampleData;
  }
}

在您的组件中,您可以使用JSON.stringify将数组参数传递给路由器导航方法:

const exampleData = ['hello', 'world'];
this.router.navigate(['/example'], { queryParams: { exampleData: JSON.stringify(exampleData) } });

然后,在您的组件中,可以通过从解析器注入exampleData来访问此数据:

export class ExampleComponent {
  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.route.data.subscribe(data => {
      console.log(data.exampleData);
    });
  }
}

相关内容

热门资讯

实操分享!都莱大菠萝辅助器,拱... 实操分享!都莱大菠萝辅助器,拱趴大菠萝十三水作弊,透视教程(有挂存在)相信很多朋友都在电脑上玩过都莱...
科技分享!西元红河辅助,红龙p... 科技分享!西元红河辅助,红龙poker辅助器免费观看,新版2025教程(有挂解密)是一款可以让一直输...
推荐几款新版!乐乐游戏辅助器,... 您好,乐乐游戏辅助器这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这...
科技分享!爱玩联盟辅助,红龙p... 科技分享!爱玩联盟辅助,红龙poker辅助,2025版教程(有挂实锤);爱玩联盟辅助辅助器中分为三种...
让我来分享经验!科乐辅助工作室... 让我来分享经验!科乐辅助工作室,pokerworld辅助器,实用技巧(真实有挂);让我来分享经验!科...
今日公布!微乐宁夏小程序插件,... 今日公布!微乐宁夏小程序插件,hardrock透视工具,解密教程(有挂教程)是一款可以让一直输的玩家...
每日必看教程!微乐江西小程序辅... 每日必看教程!微乐江西小程序辅助器免费,wepoker透视脚本下载,科技教程(有挂技巧);每日必看教...
2分钟细说!填大坑辅助工具排行... 2分钟细说!填大坑辅助工具排行,wpk有那种辅助吗,规律教程(有挂技术);2分钟细说!填大坑辅助工具...
重大通报!宁夏划水辅助,hhp... 重大通报!宁夏划水辅助,hhpoker为什么一直输,新2025版(有挂秘诀);1、宁夏划水辅助软件透...
详细说明!广东闲来app辅助,... 详细说明!广东闲来app辅助,wpk透视辅助方法,wpk教程(有挂透明挂);1、很好的广东闲来app...