有没有一种方法可以为Angular中的所有路线使用一个变量

Question

我有一个项目，我的任务是更改URL中的语言并呈现它，例如，现在我的URL看起来像这样/home/component/new，我需要它是/：language/home/companent/new我的路线页面看起来像这个

const routes: Routes = [
{
path: 'home/:searchKey/:page',
component: HomeComponent
},
{
path: '/music/:artist',
component: MusicComponent,
},
{
path: '/video/:name',
component: VideoComponent,
},
];

我知道如果我做一个变量并像这样改变它，我就能做到。

const routes: Routes = [
{
path: ':language/home/:searchKey/:page',
component: HomeComponent
},
{
path: ':language/music/:artist',
component: MusicComponent,
},
{
path: ':language/video/:name',
component: VideoComponent,
},
];

但是，有没有一种方法可以声明这个变量，并在我制定的每一条路线中自动使用它，而无需编写：每一条新路线的语言？

Answer 1

似乎应该使用Angular i18N工具，它正是为满足这种需求而设计的。

但要回答你

const routes: Routes = [
{
path: ':lang',
children: [
{ path: 'home', component: HomeComponent },
{ path: 'music', component: MusicComponent },
// ...
]
}
];