我有一個最簡單的app Component：

@Component({selector: "app-root",template: `<div cxFocuses>Painful</div><a href="/custom2">Click me</a>` }) export class AppComponent {}

我期望點擊了Click Me這個標簽之后，能跳轉到相對路徑/custom2.

在app.module.js里，定義一個route數組：

const CUSTOM_ROUTES: Routes = [{ path: "custom2", component: RouteDemoComponent } ];

Routes是一個type alias，相當于Route[]:

而Route是一個interface：

https://angular.io/api/router/Route#description

我將RouterModule.forRoot返回的Module放到app.module.ts的imports區域之后：

瀏覽器訪問localhost:4200/custom2, 發現沒有跳轉到期望的Component里去。

經過檢查，發現是因為我的application template里，缺少了router-outlet標簽的定義：

加上之后，問題解決：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的最简单的Angular Route hello world场景都跑不通的一个原因的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。