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

Question

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

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

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

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

Answer 1

决定使用两个不同的模板和切换开关来完成。到目前为止，似乎是最新版角度的最佳解决方案。