我目前正在嘗試為 Uni-Project 創建一個 Angular 網頁。因此，我建立了一個帶有幾個不同頁面的 Webshop-MockUp，例如
- 開始螢屏
- 產品螢屏
- 注冊/登錄螢屏
- 購物車螢屏
- 訂單螢屏
- 和組態檔螢屏。
但是當我現在嘗試使用 Angular 開發 Webshop 時，我不太確定 Angular 的組件概念架構將如何滿足我的需求。
只要我現在理解它的作業方式是這樣的：您創建一個包含多個（可重用）組件的頁面，這些組件都定義了一個頁面的不同區域。
對于 Startscreen 的示例，我創建了組件：
- 英雄旗幟
- 標題
- 過濾
- 產品概述
- 購物車（將顯示在右側）
然后可以將這 5 個組件添加到 app.components.html 以顯示第一頁。
但是現在我不知道如何創建其他 5 個頁面并將它們顯示在 app.component 中。
我聽說過在組件之間切換的路由..
但這是否意味著我必須為每個頁面創建一個父組件，在這些頁面中，我已經創建了這些不同的組件？
如果是這樣，如果我可以在不同組件之間進行路由，我應該在 app.component.html 中寫入什么？
我現在頭上有一個大結，我真的希望你能在這里幫助我！
提前致謝！
uj5u.com熱心網友回復：
是的，每個頁面的父組件充當管理器組件來與服務對話、獲取資料并將其傳遞給啞組件并處理來自子組件的事件。讓你的孩子啞口無言。這稱為容器組件。
是的，學習路由。盡可能延遲加載，但您可以稍后對其進行重構。
<router-outlet></router-outlet>進去app.component.html。
可能像
<app-navbar>
Text to display via ng-content
</app-navbar> <!-- Common to all routes/pages --!>
<router-outlet></router-outlet>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/480938.html
標籤：javascript html 有角度的