Tengo problemas con la linea de getplayer hacia abajo, alguien me puede ayudar. <code>&lt;code&gt; import { Injectable } from '@angular/c...

Te dejo el código completo de mi servicio, espero te sirva.

import { Injectable } from '@angular/core'
import { AngularFireDatabase, AngularFireList } from '@angular/fire/database'
import { Observable } from 'rxjs'
import { map } from 'rxjs/operators'
import { Player } from '../interfaces/player'

export const PlayersTableHeaders = [
  'Name',
  'Last Name',
  'Position',
  'Weight',
  'Height',
  'Nationality',
  'Left Footed',
  'Actions'
]

@Injectable({
  providedIn: 'root'
})
export class PlayerService {
  private playersDB: AngularFireList<Player>

  constructor(private db: AngularFireDatabase) {
    this.playersDB = db.list('/players', (ref) => ref.orderByChild('name'))
  }

  getPlayers(): Observable<Player[]> {
    return this.playersDB.snapshotChanges().pipe(
      map((changes) => {
        return changes.map((c) => ({ $key: c.payload.key, ...c.payload.val() }))
      })
    )
  }

  addPlayer(player: Player) {
    return this.playersDB.push(player)
  }

  deletePlayer(id: string): void {
    this.db.list('/players').remove(id)
  }

  editPlayer(newPlayerData: Player): void {
    const $key = newPlayerData.$key
    delete newPlayerData.$key
    this.db.list('/players').update($key, newPlayerData)
  }
}