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

Question

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

我正在使用此answer but I needed to expand on it for my scenario

以下是App

的工作示例

Stackblitz New Window

Stackblitz CODE

代码摘录

<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>