angular子路由(插座為父子關係)

2021-08-31 03:41:18 字數 430 閱讀 8874

上面**中子路由配置好之後,如何將子路由對應的那兩個元件顯示出來呢?還是需要用到插座即routeroutlet,寫了routeroutlet後,這兩個元件就會顯示在插座後面。布局檔案的**如下:

注意:子路由對應的html中的路徑寫法"['./']"中的.表示在它的父元件中開始尋找路徑,父元件為productcomponent元件。要是"['/']"這種寫法,就是從整個專案的根去尋找路徑,這樣就和對應的元件對不上號了。

總結:子路由中,"['./']"中的 . 一定不能忘了。若不是子路由,則不用寫  .  直接寫 / 即可。

Angular路由 子路由

在商品詳情頁面,除了顯示商品id資訊,還顯示了商品描述,和銷售員的資訊。通過子路由實現商品描述元件和銷售員資訊元件展示在商品詳情元件內部。ng g component productdesc ng g component sellerinfo 重點是修改銷售員資訊元件,顯示銷售員id。import ...

angular 路由學習 (四)子路由學習

使用命令新建路由和元件 在crisis center目錄下新建路由元件 ng g module crisis center crisis center module flat routing 在某目錄下新建元件或服務等命令可為 ng g component 目錄名 例如 ng g component...

子路由模組

1ng generate module hero 123 4567 891011import from angular core import from angular common ngmodule export class heromodule 123 4567 8import from ang...