呈现此视图的最佳方法

Question

我是Angular和Sass的新手，所以我想知道实现下图中显示的结果的最佳方法是什么。

要求

我需要显示按类别划分的对象列表。每个对象必须显示在其自己的框中（对象框的背景将根据对象而变化）。

如果没有足够的空间将所有这些框分布在同一行上，则必须将一个类别中的所有框排列在网格中。

选中“对象”框后，我需要在“对象”行下显示其描述，并在单击按钮时隐藏其描述。

提前感谢您关注此帖子！

Answer 1

用于ngrx和onPush更改检测的好任务。

• 创建一个容器组件，该组件可获取状态并负责呈现类别，其项目和选定的描述。

• 然后创建一个视图组件（按推送策略）以显示带有selected布尔输入和click输出的单个项目。

• 处理单击容器中的组件

• 更新所选状态

• 显示相关描述

• 利润