Angular路由配置

最新推荐文章于 2025-01-07 09:20:15 发布

原创最新推荐文章于 2025-01-07 09:20:15 发布 · 293 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #angular

官方文档

配置路由文件

import { Routes } from '@angular/router'；
import { HomeComponent } from'./home.component';
import { CompanyComponent } from'./company.component'
impogt { rootRouting } from './root.routing'
export const appRouting: Routes = [
	{path: 'home', component: HomeComponent},
	{path: 'component', component: CompanyComponent},
	...rootRouting
];

导入模块

import { AppRoutes } from './app.routing';
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    RouterModule.forRoot(appRoutes)
  ],
  providers: [AppService],
  bootstrap: [AppComponent]
})
export class AppModule { }