我有以下场景,我将以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是推荐的方法。
如果您查看英雄之旅示例,您会发现有heroes
和hero-detail
组件。