要在Angular中使用多个路由出口,可以按照以下步骤进行设置:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [
{ path: 'outlet1', component: Outlet1Component },
{ path: 'outlet2', component: Outlet2Component }
];
@NgModule({
declarations: [
// ...
],
imports: [
BrowserModule,
RouterModule.forRoot(routes)
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
outlet
属性来指定要使用的路由出口。const routes: Routes = [
{ path: 'outlet1', component: Outlet1Component, outlet: 'outlet1' },
{ path: 'outlet2', component: Outlet2Component, outlet: 'outlet2' }
];
这样,就可以在Angular中使用多个路由出口了。请根据实际需求进行适当调整和配置。
下一篇:Angular多个ngClass