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



我有以下场景,我将以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+ 中是否可行?

这是分解为过于精细的方法,还是意料之中的?

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

如果您查看英雄之旅示例,您会发现有heroeshero-detail组件。

最新更新