时间戳

首页 > 解决方案 > 当输入字段的数量未知时，将 2 个输入字段放在同一行

html - 当输入字段的数量未知时，将 2 个输入字段放在同一行

问题描述

我目前正在开发一个角度应用程序。我正在使用 *ngFor 添加输入字段，因为输入的数量并不总是相同的（这取决于从后端接收的数据）。我有办法确保 2 个输入字段放在同一行吗？

html代码看起来像这样

<div *ngFor="let content of group?.Content">
    <label>content.Title</label>
    <input type="text">     
</div>

标签： htmlcssangular

解决方案

您可以使用 Flex 的 Bootsrap 来确保 2 个输入连续。例子：

<div *ngFor="let X of Xs">
 <input class='col-md-6' type="text" value='X'>     
</div>

推荐阅读