Angular 8 和显示组件的顺序答案

【问题标题】：Angular 8 and order of displaying the componentsAngular 8 和显示组件的顺序
【发布时间】：2023-03-10 23:08:01
【问题描述】：

我有两个组件在 home 组件中并排显示，如下所示：

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

如果我注释掉第二行 (<app-productgallery></app-productGallery>)，app-productList 会立即显示，但如果我不这样做（我需要两者），则首先显示图库，并且仅在图库中的所有图像之后显示加载/看到，app-productList 被显示（同时，产品列表为空）。我要么想要那个：

两个组件同时显示或
productList 首先显示

我可能可以创建一个承诺或一个 rxjs 主题并告诉应用程序我只想在产品列表显示后才看到画廊，而不是更早，但我的问题更笼统 - 为什么会发生这种情况，什么原理下面是执行吗？

【问题讨论】：

你的代码在哪里？
不幸的是，不在手边。我只是想知道是否有任何通用的方法可以做到这一点？
你确定组件加载是慢的部分而不是服务器响应？
是的，如果我注释掉图库，列表会立即加载。
Angular 组件不加载。请在您的问题中正确使用单词和示例，以便其他人能够理解您的问题。

标签： angular components

【解决方案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>

但是，如果您提供一些代码，我们可以在这里为您提供更好的帮助，因为这里没有代码，这只是我的猜测。

【讨论】：