Angular ngFor flex-grow

Question

Angular 似乎在 dom/html 中插入了额外的元素，导致 flex-grow 无法应用于正确的元素。存在一个完全工作的硬编码版本，但我正在努力让它接受动态数量的项目。在这里看得更清楚：

````https://codepen.io/beaversArePeopleToo/pen/GReydYJ

Answer 1

你需要使用类

line

，而不是

item

，这就是问题所在！

<div class="line" *ngFor="let item of items; let index = index"> <!-- changed here -->
        {{ item }}
      </div>

代码笔