Angular 8 和顯示組件的順序

Question

我有兩個組件在 home 組件中並排顯示，如下所示：

<app-productList></app-productList>
<app-productGallery></app-productGallery>

如果我注釋掉第二行（ <app-productgallery></app-productGallery> ）， app-productList會立即顯示，但如果我不這樣做（我需要兩者），畫廊會首先顯示，而且只有加載/查看圖庫中的圖像，顯​​示app-productList （同時，產品列表為空）。 我要么想要：

• 兩個組件同時顯示或
• productList 首先顯示

我可能可以創建一個 promise 或一個 rxjs 主題並告訴應用程序我只想在顯示產品列表后而不是更早地查看圖庫，但我的問題更籠統 - 為什么會發生這種情況，執行原理是什么下列的？

Answer 1

您的app.component.html文件中似乎有兩個組件，如下所示：

<app-product-gallary></app-product-gallary>
<app-product-list><app-product-list>

Angular Render 組件完全基於它們出現在.html文件中的順序。 因此，只需通過以下方式更改它們在模板文件中的順序：

<app-product-list><app-product-list>
<app-product-gallary></app-product-gallary>

但是，如果您提供一些代碼，我們可以在這里為您提供更好的幫助，因為這里沒有代碼，這只是我的猜測。