【问题标题】:Angular 2: How to create input array?Angular 2:如何创建输入数组?
【发布时间】:2017-06-18 21:09:19
【问题描述】:

我正在按照本指南创建模板驱动的表单:https://angular.io/guide/forms

我需要输入数组,例如

<input 
  *ngFor="let screenshot of screnshots" 
  [(ngModel)]="screenshot.id" 
  type="text" 
  name="screenshots[]" />

但在{{form.value}} 中,它只显示一个输入值而不是多个。

我想像这样输出{{form.value}}{screenshots:[1, 2, 3]}

我只需要数组的形式。

可以这样实现吗?或者实现这一目标的最佳解决方案是什么?

【问题讨论】:

  • 使用带有formarray的模型驱动表单。

标签: angular angular2-forms


【解决方案1】:

输入类型文本不支持像输入类型选择或复选框那样的多个值,只需像这样给每个输入框起一个不同的名称

<input 
  *ngFor="let screenshot of screnshots;let i = index" 
  [(ngModel)]="screenshot.id" 
  type="text" 
  [name]="'screenshot' + i"

【讨论】:

  • 我不同意!输入类型文本肯定支持多个具有相同名称的值,只需在名称中添加[]
  • 非常有趣
猜你喜欢
  • 2016-10-30
  • 1970-01-01
  • 2022-01-25
  • 1970-01-01
  • 2023-03-04
  • 2016-09-26
  • 2018-02-16
  • 2018-01-18
  • 2016-12-18
相关资源
最近更新 更多