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

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() {
    // 执行保存文件的逻辑
  }
}

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

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