时间戳

首页 > 解决方案 > 如何从Angular中具有相同名称（name = array []）的多个字段获取数组输入

angular - 如何从Angular中具有相同名称（name = array []）的多个字段获取数组输入

问题描述

我想允许用户在 html 中输入多行项目（例如这里的长度）

<td>
  <input type="number" class="form-control form-control-sm"
   name="length[]"
   ngModel>
</td>

但是当我添加同一字段的多行时，我最终得到了最后一个。如果我在输入中有 3 行具有相同的名称，如何获得类似的数组。

length = {
0 => 40,
1 => 50,
2 => 60
}

在 laravel name = length[] 中可以解决问题，但我不确定如何在 Angular 中做同样的事情

标签： angular

解决方案

不，Angular 中没有这样的约定。

在 HTML 中循环列表对象的 Angular 方法是使用ngFor指令。

例子：

HTML

<ul>
  <li *ngFor="let item of items">
    <input type="number" [(ngModel)]="item" />
  </li>
</ul>

TS

items = [0,0,0];

ngFor 您可以在此处阅读更多信息。

推荐阅读