时间戳

首页 > 解决方案 > 多动态反应形式Angular 5嵌套输入字段

javascript - 多动态反应形式Angular 5嵌套输入字段

问题描述

我在 A Reactive Angular 5 Form 上创建多动态输入字段时遇到了一些麻烦。

我正在使用这个答案，但我需要为我的场景扩展它

这是该应用程序的工作示例

Stackblitz 新窗口

Stackblitz 代码

代码摘录

<div class="form-group">
   <label for="item_quantity"> Quantity </label>
   <input type="number" min="1" (ngModelChange)="onChanges($event)" formControlName="item_quantity" class="form-control" id="item_quantity">
</div>

<div class="form-group" style=" border: 1px solid red; padding: 10px;">
    Repeat these input based on the item_quantity from above <br>
    <input type="text" name="item_details" formControlName="item_details.item_detail" class="form-control">
</div>

问题 1

我需要根据用户创建的每一行重复item_details输入item_quantity

问题2

我可以允许这样的文件上传吗

<div class="form-group">
   <label for="item_image"> Item Image </label>
   <input type="file" formControlName="item_image" class="form-control" id="item_image">
</div>

标签： javascriptangulartypescriptangular-reactive-forms

解决方案

推荐阅读