角度2のグリッドレイアウトとリストレイアウトを切り替える方法

Question

角度2.0.0を使用してアプリケーションを構築する。私はカードのようにユーザーの情報を表示する 'グリッドレイアウト'と情報を表形式で表示する 'リストレイアウト'との間で切り替えることができるように、2つの異なるレイアウトオプションでユーザーのリストを表示したいと思います。

これを達成するにはどうすればよいでしょうか？私が探求しているいくつかのオプションは、tableとcards in a grid両方としてデータを表示する*ngForを使用してトグル スイッチに基づいて1つまたは他を表示する*ngIfを用い

• あります。
• つの異なるテンプレート<template> tableレイアウト用とcards in a gridレイアウトの別のものを使用し、トグルスイッチに基づいて、どちらか一方をレンダリングする ViewChildを使用。

これを達成するための多少の方法はありますか？

Answer 1

トグルスイッチと2つの異なるテンプレートを使用することにしました。これまでのところ、最新の角度で最高のソリューションと思われます。