Невозможно удалить объект из базы данных Firebase с помощью Angular 6

Question

У меня есть объект пива.Каждое пиво имеет следующие свойства: бренд, страна и имидж (передается как URL).Вот древовидная структура firebase:

Я пытаюсь реализовать функцию удаления следующим образом:

<ul id="ninja-listing">

  <li *ngFor="let beer of beers | filter:term">
    <div class="single-ninja">
      <span>{{beer.brand}} || {{beer.country}} || <img src="{{beer.imgUrl}}"></span>
      <div (click)="removeBeer(beer)">delete</div>
    </div>
  </li>
</ul>

removeBeer(key){
    firebase.database().ref('/').child('/bs-angular/'+key+'').remove();
  }

Любые идеи будутБудьте благодарны. Заранее.

Answer 1

Вы ссылаетесь на дочерний узел как на дочерний узел вашей базы данных, это не работает. Попробуйте это

removeBeer(key){ firebase.database().ref('bs-angular').child(key).remove(); }

P.S. Также вы можете упростить свою работу, используя Angularfire