如何在同一行中获取 *ngFor 的值

Question

<div *ngFor = "let val of values">{{val}} </div>

values 数组中有 3 个值。每个 val 都在不同的行中打印。我希望所有 3 个值都在同一行中。怎么做？？请帮助!!

编辑：即使使用 span 也在 3 行中给出输出

Answer 1

使用跨度

<span *ngFor = "let val of values">{{val}} </span>

Answer 2

我想这是由于您在 div 中使用 ngFor 循环造成的，div 是一个块元素。块元素以新行开始。您可以将 ngFor 放在像按钮这样的行元素上，或者您可以将显示更改为内联样式。

<button *ngFor = "let val of values">{{val}} </button>

或

div {display: inline}

试试看

Answer 3

我猜，你正在 div 中使用 ngFor 循环，它是一个块元素。块元素以新行开始。您可以在样式中将显示更改为内联块。