下面是 Angular 12 的簡單程式：
- 本地主機：4200/a 作業正常
- localhost:4200/b 給了我可怕的無法匹配任何路由。URL 段：'b'
import {Component, NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {RouterModule, Routes} from '@angular/router';
//======================================================================
@Component({
selector: 'app-root',
template: `
<ng-container>
<router-outlet></router-outlet>
<hr/>
<router-outlet name="named"></router-outlet>
</ng-container>`
})
export class AppComponent {
}
//======================================================================
@Component({
selector: 'a',
template: 'a here',
})
export class AComponent {
}
//======================================================================
@Component({
selector: 'b',
template: 'b here',
})
export class BComponent {
}
//======================================================================
const routes: Routes = [
{
component: AComponent,
path: 'a'
},
{
component: BComponent,
path: 'b',
outlet: 'named'
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule {
}
//======================================================================
@NgModule({
declarations: [AppComponent, AComponent, BComponent],
imports: [BrowserModule, AppRoutingModule],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
}
最壞的情況是，我可以將路線“b”向下推一級（這也不起作用），但我更愿意將 b 保持在頂層。
謝謝！
uj5u.com熱心網友回復：
歡迎來到 Stackoverflow @jay :)。
您可以在此處查看更多資訊https://angular.io/
當您訪問路由 B 時，您需要使用路由器名稱作為其命名路由進行訪問。你可以使用類似的東西localhost:4200/a(named:b)
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/334772.html
上一篇：觸發方法的rxjs倒計時