动态创建的角度组件列表

时间:2018-06-18 12:02:49

标签: angular

我有以下情况,我将以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+中可能有两个例子吗?

这是分解为过于细化的方法,还是预期?

1 个答案:

答案 0 :(得分:1)

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

如果查看Tour of Heroes示例,您会看到browser.waitheroes组件。