Angular: データを行ごとに表示します (3 行のみ)

Question

私はプログラミングの初心者です。

angular を使用して、1 行あたり 3 要素の制限付きで要素を行ごとに表示したいと考えています。 (*ngFor を使用)

たとえば、この写真のように 行ごとに 3 つの要素

スライス パイプラインを使用しましたが、必要なのは 3 番目の要素だけです。

リーリー

誰か助けてくれるか、コード例を見せてくれませんか

Answer 1

シンプルな *ngFor を使用し、任意の行または列で CSS Grid を使用して要素を並べ替えることができます。あるいは、grid-auto-flow: column; を追加して、列内の要素を並べ替えることもできます。

リーリー リーリー リーリー

このコードは stackblitz

で試すことができます