在angular中删除数组中上传的文件后，如何关闭保存按钮？

在Angular中删除数组中上传的文件后，关闭保存按钮可以通过以下步骤实现：

创建一个布尔类型的变量，命名为isSaveDisabled，并将其初始值设置为false，表示保存按钮可用。
在删除文件的逻辑中，判断删除后的数组长度是否为0。如果是，则将isSaveDisabled设置为true，表示保存按钮禁用；如果不是，则将isSaveDisabled设置为false，表示保存按钮可用。
在HTML模板中，将保存按钮的disabled属性绑定到isSaveDisabled变量上。这样，当isSaveDisabled为true时，保存按钮将被禁用；当isSaveDisabled为false时，保存按钮将可用。

以下是示例代码：

component.ts文件：

import { Component } from '@angular/core';

@Component({
  selector: 'app-file-upload',
  templateUrl: './file-upload.component.html',
  styleUrls: ['./file-upload.component.css']
})
export class FileUploadComponent {
  files: any[] = []; // 上传的文件数组
  isSaveDisabled: boolean = false; // 保存按钮是否禁用

  deleteFile(index: number) {
    this.files.splice(index, 1); // 从数组中删除文件

    if (this.files.length === 0) {
      this.isSaveDisabled = true; // 数组为空，禁用保存按钮
    } else {
      this.isSaveDisabled = false; // 数组不为空，启用保存按钮
    }
  }

  saveFiles() {
    // 执行保存文件的逻辑
  }
}

component.html文件：

<div *ngFor="let file of files; let i = index">
  {{ file.name }}
  <button (click)="deleteFile(i)">删除</button>
</div>

<button [disabled]="isSaveDisabled" (click)="saveFiles()">保存</button>

在上述代码中，deleteFile()方法用于删除文件，saveFiles()方法用于保存文件。根据删除后的数组长度，动态更新isSaveDisabled变量的值，从而控制保存按钮的禁用状态。