javascript - 通过使用 navigateByUrl() 传递查询参数
问题描述
我正在尝试通过单击图标导航到新页面,下面是代码
this.prj = e.data.project_number;
this.router.navigateByUrl('/dashboard/ProjectShipment/634');
而不是这个硬编码的查询参数000634
,我必须将 a 传递this.prj
给它。我的路径如下
const appRoutes: Routes = [
{
path: 'dB',
data: { title: 'Dashboard' },
children: [
{
path: 'ProjectShipment/:reportProject',
component: ProjectShipmentComponent,
data: { title: 'Project Shipment' },
}
解决方案
您可以使用“router.navigate”代替“router.navigateByUrl”:
this.router.navigate([URL],{ queryParams: { id: this.prj });
推荐阅读
- c# - XmlSerializer 的意外行为
- r - 将工作代码包装在函数中并停止工作
- laravel - 使用 Laravel 登录 Google
- python - Python请求编码问题
- python - 为什么我没有为带有时间序列的 python 数据框获取字符串正确的标签?
- python - 为什么 smbprotocol 连接超时
- tableau-api - 使用提取数据编辑 BigQuery 自定义 SQL 后 Tableau 工作表未更新
- reactjs - NextJs / Framer Motion:使用 useViewportScroll 时出现此警告:警告:useLayoutEffect 在服务器上不执行任何操作,
- php - Flutter + Chopper POST API 在网络中不起作用
- excel - Workbook .SaveCopyAs 然后在创建的新工作簿中进行更改