如何重命名 angular 组件的路由 URL？

Question

我是 Angular 的新手，正在尝试对现有应用程序进行一些编辑。

当前应用程序中有一个名为 help 的组件路由到 mywebsite.com/help。我想将其更改为 mywebsite.com/contact.

help 组件文件夹包含以下文件：help.component.html、help.component.scss、help.component.spec.ts、help.component.ts 和 help.module.ts。

我尝试在 general.routing.module.ts 中修改这部分：

path: "help", // changed this to "contact"
        pathMatch: "full",
        loadChildren: "./pages/help/help.module#HelpModule",
        data: {
          title: "Help",
        },

但这似乎没有帮助，当我将路径更改为 path: "contact" 时，出现 404 错误。有人可以帮我从哪里开始吗？

还有一条求助途径：

{
        path: "help-auth",
        pathMatch: "full",
        loadChildren: "./pages/help/help.module#HelpModule",
        data: {
          title: "Help",
        },
      },

我也需要摸这个吗？

谢谢:)

Answer 1

正确的解决方案是确实改变 general.routing.module.ts 如下：

path: "contact", // changed this to "contact" from "help"
        pathMatch: "full",
        loadChildren: "./pages/help/help.module#HelpModule",
        data: {
          title: "Help",
        },

但是我忘了更改 html 路由，所以出现了 404 错误。

这必须从

更改

<a class="nav-a" [routerLink]="['/help']" routerLinkActive="a-active">Help</a>

到

<a class="nav-a" [routerLink]="['/contact']" routerLinkActive="a-active">Contact</a>

如何重命名 angular 组件的路由 URL？

How to rename the routing URL of an angular component?

angular

url-routing

angular2-routing

rename