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>

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