2

我有一个文件上传组件，另外还有一个 mat-action-list 显示所有上传的文件。当用户上传一个文件时，它会按预期将其添加到列表的底部。但是，如果他们上传另一个文件，它会将其添加到列表的底部，但之前上传的文件的名称也会更改为刚刚上传的文件。上传的每个附加文件都会发生这种情况！因此，如果他们上传 5 个文件，所有 5 个文件都会显示最后上传的文件名。如果您离开屏幕并返回它，则列表是正确的。

HTML:
<mat-action-list class="fileList">
          <mat-list-item *ngFor="let file of arrApplicationFiles">
            <mat-icon mat-list-icon >folder</mat-icon>
              <h4 mat-line>{{file.fdFileName}}</h4>
          </mat-list-item>
        </mat-action-list>

被调用以添加文件的组件方法：

  arrApplicationFiles: ApplicationFile[];

  public addNewFile(file: ApplicationFile) {
    this.arrApplicationFiles.push(this.applicationFile);

这是获取初始列表的方法：

  public getUploadedFiles() {
    this.fileService.getFiles()
      .subscribe(
        res => {
          this.arrApplicationFiles = res;
        },
      error => {
        console.log('There was a problem retrieving files !!!' + error);
      });
  }
``

I expect it to add each added file to the bottom of the list without changing the previously added files.
4

1 回答 1

1

你应该推送file参数，而不是this.applicationFile变量

于 2019-10-01T15:10:39.543 回答