首页 > 解决方案 > Angular:url参数有时的路径?在里面

问题描述

我有像 localhost:4200/user/contact 和 localhost:4200/user/contact/1 这样的 URL,其中“1”是返回 id 的参数。

为此,我的 routing.ts 就像...

const appRoutes: Routes = [
    { path: 'user',
      children: [
        {
          path="",
          component: UserComponent,
        },
        {
          path="contact",
          component: UserContactComponent,
        },
        {
          path="contact/:id",
          component: UserComponent,
        },
      ]
    },
];`

但是当 URL 为 localhost:4200/user/contact/1?name=abc&value=65767 时,它不起作用“1?name=abc&value=65767”不会作为单个参数返回。在这种情况下,我的路径应该是什么?

标签: angularurlparameterspathroutes

解决方案


? 后面的所有 key=value 字符被视为 queryParams 而不是“路径”参数。

要获取这些值,您必须在用户组件中的 ActivatedRouteSnapshot 上使用 queryParamMap


推荐阅读