angular - 在 Angular 中呈现数据的最佳方法是什么？

Question

我在一个数组中有多个发布数据。我想渲染每个帖子。有两种渲染方法：

1：创建一个可重用的组件，并在 *ngFor 内部多次调用它

 <div *ngFor="let post of posts">
     <render-post [post]="post"><render-post>
 </div>

2：创建组件并在组件内部传递数组

<div>
     <render-post [posts]="posts"></render-post>
</div>

Answer 1

你越是分成小块越好。

我会整天和第一个一起去。它呼应了单一职责原则，每个组件都必须具有独特的职责并做好。RenderPostComponent 必须是渲染一篇文章的方式，而且它必须做得很好。您仍然可以创建另一个组件，前一个组件的父组件，它可以是 RenderPostListComponent ，它将包含您的*ngFor并将获取参数中的数组。

因此，您的最终解决方案是两种解决方案的混合。

RenderPostListComponent 模板

<div *ngFor="let post of posts">
  <render-post [post]="post"><render-post>
</div>

RenderPostListComponent 模板的父级

<div>
     <render-post-list [posts]="posts"></render-post-list>
</div>