如何实现angular中的列并排

Question

我是 angular 的新手，我正在尝试实现以下数据（数组 object 计数未知）并排绑定请给我建议源代码将非常有帮助

Answer 1

使用网格布局。

 .container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; width: 30ch; }.item { padding: 1rem; box-sizing: border-box; border: 1px solid black; }

 <div class="container"> <div class="item">Array item</div> <div class="item">Array item</div> <div class="item">Array item</div> <div class="item">Array item</div> <div class="item">Array item</div> <div class="item">Array item</div> <div class="item">Array item</div> <div class="item">Array item</div> <div class="item">Array item</div> <div class="item">Array item</div> </div>

Answer 2

您可以通过许多不同的方式实现这一目标。

1. 您可以只使用纯 css，然后您可以使用grid或 flex。
2. 使用 lib/module，比如basscss或@angular/flex-layout ，它们基本上都在做同样的事情和/或更多。