动态创建的组件的角度列表

Question

我有以下情形，我将以Facebook为例：

如果您查看Facebook内的新闻/状态供稿，如果我要在Angular中实现类似的功能，则将每个状态与评论和喜欢相结合，是其自身的组件，还是在*ngFor ？

让我们以一些代码为例。

示例1：不是组件：

<ul *ngFor="let status of statusses">
    <li>{{status.description}}</li>
    <!-- some more Div tags -->
    <input id="comment" />
    <button id="comment"/>
</ul>

此示例将包含一个组件，例如Statuses 。 该组件将包含所有statuses的数组，以及单击注释按钮等的逻辑。

示例2：组件列表

<!-- List of single status components -->
<ng-template></ng-template>

在此示例中， Statuses组件将仅具有用于检索状态的逻辑，而显示状态的组件将负责注释等的逻辑。

在Angular 4+中可能有第二个示例吗？

是分解为过于细化的方法，还是预期的？

Answer 1

实际上，方法2是推荐的方法。

如果查看“英雄之旅”示例，您将看到其中有heroes和hero-detail部分。