<div class="card" *ngFor="let item of items | async">
  <img class="card-img-top" [src]="item.url">
  <div class="card-body">
    <h5 class="card-title">
      {{ item.nombre }}
    </h5>
    <button
        type="button"
        name="button"
        class="boton-galeria-imagen-individual btn btn-danger btn-block"
        (click)="eliminarFoto(item.nombre)">
      Eliminar
    </button>
  </div>
</div>

eliminarFoto(nombre: string) {
  this._registroImg.borrarImagen(nombre);
}

borrarImagen( nombre: string ) {
  const storageRef = firebase.storage().ref();
  let ruta = 'galeria-img';
  let ref = storageRef.child(`${ ruta }/${ nombre }`);
  ref.delete().then(function() {
    // Archivo borrado exitosamente
    this.eliminarImagenDB(ruta, nombre);
  }).catch(function(error) {
    console.error('Error ', error);
  });
}

private eliminarImagenDB( ruta: string, nombre: string ) {
  this.db.collection(`/${ ruta }`).delete( nombre );
}