title: Cannot remove object from firebase database using Angular 6
body: <p>I have object of beers. Each beer have the following properties Brand, Country and image (passed as url). Here's firebase tree structure:</p>
  
  <p><a href="https://i.stack.imgur.com/nx2Ws.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nx2Ws.png" alt="enter image description here"></a></p>
  
  <p>I'm trying to implement delete functionality in this way:</p>
  
  <pre><code>&lt;ul id="ninja-listing"&gt;
  
    &lt;li *ngFor="let beer of beers | filter:term"&gt;
      &lt;div class="single-ninja"&gt;
        &lt;span&gt;{{beer.brand}} || {{beer.country}} || &lt;img src="{{beer.imgUrl}}"&gt;&lt;/span&gt;
        &lt;div (click)="removeBeer(beer)"&gt;delete&lt;/div&gt;
      &lt;/div&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  
  removeBeer(key){
      firebase.database().ref('/').child('/bs-angular/'+key+'').remove();
    }
  </code></pre>
  
  <p>Any ideas would be appreciate Thanks in advance .</p>