Angular 似乎在 dom/html 中插入了额外的元素,导致 flex-grow 无法应用于正确的元素。存在一个完全工作的硬编码版本,但我正在努力让它接受动态数量的项目。在这里看得更清楚:
````https://codepen.io/beaversArePeopleToo/pen/GReydYJ
你需要使用类
line
,而不是item
,这就是问题所在!
<div class="line" *ngFor="let item of items; let index = index"> <!-- changed here -->
{{ item }}
</div>