我應該在 Angular index 和 app.component.html 中寫什么？

Question

我目前正在學習 Angular 並想知道究竟應該在 index.html 和 app.component.html 中編碼什么而不是在組件中編碼。

我目前的 Angular 項目是我的個人網站，我想將其遷移到 Angular 以進行培訓。 您可以在http://www.chloe-seiler.com/ 上找到它

-不管響應度，我正在努力。-

基本上有一個標題，一個導航和一個正文。 正文僅在導航時不同，標題和導航在整個網站中保留。

我應該在 index.html 中對 header 和 new 進行編碼嗎？ 還是在 app.component.html 中？ 或者我應該讓它們成為組件，在這種情況下：我的 index.html 和我的 app.component.html 是否保持為空？

在此先感謝您的幫助！

Answer 1

index.html ：就個人網站等基礎應用開發而言，index.html 可以包含css、js、圖標、字體和設置標題，放入用戶自定義腳本中。

app.component.html ：這將保存應用程序級組件的組件視圖。 現在一個好的做法是在你的應用程序中為每個組件使用路由。 然后你可以把

<router-outlet></router-outlet> 

標記以顯示您的路由組件。 這是一個簡單的路由示例。 如果你沒有使用多個組件，你可以只使用 app.component.html 來顯示應用級組件。

Answer 2

app/app.component.ts - 這是我們定義根組件的地方
index.html - 這是組件將在其中呈現的頁面

所以 index.html 它只是一個起始頁面，你可以添加到全局 css 的鏈接和一個全局頁面標題......

app/app.component.ts 和她的模板文件 (app/app.component.ts) 每次路由改變時都會調用它......所以頁眉和頁腳應該在其中：

<app-header></app-header> // here's goes the header
<router-outlet></router-outlet> // here's goes the content of each route
<app-footer></app-footer> // here's goes the footer