我可以在角度项目中使用散列（#）和非散列（#）路由吗

Question

我想对一些路由使用散列(#) 和一些不使用散列(#) 的路由。我该如何实现这一点，例如，想要加载 attendance-report 带有散列和非散列的路径。这是我的 app.module.ts 文件

import { Routes, RouterModule } from "@angular/router";
import { AuthGaurdService } from "./auth/auth-gaurd/auth-gaurd.service";
import { PageNotFoundComponent } from "./dashboard/pages/page-not-found/page-not-found.component";
const routes: Routes = [
  { path: "login", redirectTo: "dashboard", pathMatch: "full" },
  {
    path: "attendance-report/:token",
    loadChildren: () =>
      import("./dashboard/pages/agent-attendance/agent-attendance.module").then(
        (m) => m.AgentAttendanceModule
      ),
  },
  {
    path: "",
    canActivate: [AuthGaurdService],
    children: [
      { path: "", redirectTo: "dashboard", pathMatch: "full" },
      {
        path: "",
        loadChildren: () =>
          import("./dashboard/dashboard-layout.module").then(
            (m) => m.AdminLayoutModule
          ),
      },
    ],
  },
  { path: "**", component: PageNotFoundComponent },
];

@NgModule({
  imports: [
    RouterModule.forRoot(routes, {
      useHash: true,
      relativeLinkResolution: "legacy",
    })
  ],
  exports: [RouterModule],
})
export class AppRoutingModule {}

Answer 1

文档：Setting and handling query params and fragments

以下链接将查询参数和片段添加到生成的 URL：

<a [routerLink]="['/user/bob']" [queryParams]="{debug: true}" fragment="education">
  link to user component
</a>

默认情况下，该指令使用给定的查询参数构造新的 URL。该示例生成链接：/user/bob?debug=true#education。

您可以通过在链接中指定queryParamsHandling 选项来指示指令以不同方式处理查询参数。允许的值为：

'merge'：将给定的queryParams 合并到当前查询参数中。
'preserve'：保留当前查询参数。 例如：

<a [routerLink]="['/user/bob']" [queryParams]="{debug: true}" queryParamsHandling="merge">
  link to user component
</a>

见UrlCreationOptions#queryParamsHandling.