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

Question

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

values数组中有3个值。每个val在不同的行中打印。我想让这3个值在同一条直线上。怎么做?请帮助! !

编辑:即使使用span也会输出3行

Answer 1

use span

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

Answer 2

我猜这是因为你在div中使用了ngFor循环，这是一个块元素。块元素以新行开始。你可以把ngFor放在像button这样的行元素上，也可以在样式中把display改成inline。

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

或

div {display: inline}

试一试

Answer 3

我猜，你在div中使用了ngFor循环，这是一个块元素。块元素以新行开始。你可以在样式中把显示改为inline-block。