如何重命名 angular 组件的路由 URL?
How to rename the routing URL of an angular component?
我是 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",
},
},
我也需要摸这个吗?
谢谢:)
正确的解决方案是确实改变 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 的新手,正在尝试对现有应用程序进行一些编辑。
当前应用程序中有一个名为 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",
},
},
我也需要摸这个吗?
谢谢:)
正确的解决方案是确实改变 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>