如何在角度2中的网格布局和列表布局之间切换

Question

使用 Angular 2.0.0 构建应用。我想以两种不同的布局选项显示用户列表，以便用户可以在将用户信息显示为卡片的“网格布局”和以表格格式显示信息的“列表布局”之间切换。

实现这一目标的最佳方法是什么？我探索过的几个选项是

• 使用*ngFor 将数据显示为table 和cards in a grid 并使用*ngIf 根据切换显示其中一个或另一个 转变。
• 使用两个不同的模板<template> 一个用于 table 布局和另一个 cards in a grid 布局和使用 ViewChild 根据切换开关呈现一个或另一个。

也许还有其他方法可以实现这一目标？

Answer 1

已决定使用两个不同的模板和切换开关来实现。到目前为止，在最新版本的 angular 中似乎是最好的解决方案。