Deleting Local Ionic Files 4

Question

I basically made an application where the user records an audio, and then is presented to him with 2 options, Play and Remove. However my remove function is not working and Logcat neither debug shows error.

Remove function:

deleteAudio(){
    if (this.platform.is('ios')) {
     this.file.removeFile(this.file.documentsDirectory, this.fileName)
   } else if (this.platform.is('android')) { 
    this.file.removeFile(this.file.externalDataDirectory, this.fileName) 
    }
   }

I’m doing something wrong?

Function call:

<ion-button slot="end" (click)="deleteAudio()">
        <ion-icon name="trash"></ion-icon>
      </ion-button>

Function that works the callback:

  getAudioList() {
    if(localStorage.getItem("audiolist")) {
      this.audioList = JSON.parse(localStorage.getItem("audiolist")).then( data =>{
        console.log('Funciona');
      }).catch( error => {
        console.log('Erro') ;
      });
      console.log(this.audioList);
    }
  }

Answer 1

Oops, removeFile is an asynchronous function, in which case it returns a Promise, you have to wait for Promise’s callback or use async/await, it follows the two forms below:

Callback

deleteAudio(){
  if (this.platform.is('ios')) {
    this.file.removeFile(this.file.documentsDirectory, this.fileName).then( data => {
      alert('Sucesso');
    }).catch( error => {
      alert('Erro') ;
    });
  } else if (this.platform.is('android')) { 
    this.file.removeFile(this.file.externalDataDirectory, this.fileName).then( data => {
      alert('Sucesso');
    }).catch( error => {
      alert('Erro') ;
    });
  }
}

Async/Await

async deleteAudio(){
  if (this.platform.is('ios')) {
    await this.file.removeFile(this.file.documentsDirectory, this.fileName)
  } else if (this.platform.is('android')) { 
    await this.file.removeFile(this.file.externalDataDirectory, this.fileName)
  }
}