Angular 角度动态div负载2

我在Angular应用程序中使用Priming，其中有一个场景可以上载多个文件。我知道通过执行multiple=“true”我可以在Priming的p-fileupload中实现同样的效果。但我想做的是，每当我使用下面的代码上传一个文件时，我想在它下面添加另一个相同的snippet/div，并为我做同样的事情。同样，这应该被做任何次数。我怎样才能做到这一点？我想在Angular 2中这样做

<div class="row">
<div class="col-md-12">
    <p-growl [value]="msgs" life="10000"></p-growl>
    <p-fileUpload name="attachments" accept="pdf/*" auto="true"
        (onSelect)="onSelectAttachments($event)"
        (onUpload)="onUploadAttachments($event)"
        (onClear)="clearAttachments()" url="{{attachmentUploadURL}}"
        multiple="false" (onBeforeSend)="sendFile($event)"
        chooseLabel="Click to Browse">
        <template pTemplate>
        <ul *ngIf="uploadedAttachments.length">
                <li *ngFor="let file of uploadedAttachments">{{file.name}} -
                    {{file.size}} bytes
                </li>
            </ul>
        </template>
    </p-fileUpload>
</div>

{{file.name}-
{{file.size}}字节

---

正如您所看到的，我希望在从下面的div上载一个文件时，再次添加上面的div。这应该可以执行任意次数。

我希望我正确理解您的意思。可以使用ngFor显示多个div。下面是一个简单的例子：

 @Component({
  selector: 'my-app',
  template: `
    <div>
      <button (click)="finishRequest()">Finish Request</button>
      <div *ngFor="let request of requests">
        my div content for request {{request.id}}
      </div>
    </div>
  `,
})
export class App {
  id = 0;
  constructor() {
    this.requests = [{request:this.id++}];
  }

  finishRequest() {
    this.requests.push({request:this.id++});
  }
}

@组件({
选择器：“我的应用程序”，
模板：`
完成请求
请求{{request.id}的我的div内容
`,
})
导出类应用程序{
id=0；
构造函数（）{
this.requests=[{request:this.id++}]；
}
finishRequest（）{
this.requests.push（{request:this.id++}）；
}
}

明白了。我犯了一个简单的错误，你的ans解决了。谢谢！