Skip to main content
2 de 2
Meta-etiquetas removidas, mejoras en redacción y formato

¿Cómo usar una interface en un componente en Angular?

He creado la siguiente interfaz, la cual quiero usar para tapar una propiedad, que luego cargo con la respuesta de la api de Strava.

Interface

export interface Athlete {
    state: string;
    code: string;
    scope: string;
    id: number;
    username: string;
    resource_state: number;
    firstname: string;
    lastname: string;
    bio?: any;
    city: string;
    country: string;
    sex: string;
    premium: boolean;
    summit: boolean;
    created_at: Date;
    updated_at: Date;
    badge_type_id: number;
    weight: number;
    profile_medium: string;
    profile: string;
    friend?: any;
    follower?: any;
}

Al intentar usarlo en el componente

export class UserComponent implements OnInit {
    athlete: Athlete;
    constructor(
        private _route: ActivatedRoute,
        private _router: Router,
        private _oauth: OauthService
    ) {}

    ngOnInit(): void {
        this._route.queryParams.subscribe((params) =>
            this._oauth.refreshToken(params.code).subscribe((resp) => {
                this.athlete = resp.athlete;
            })
        );
    }
}

En la línea de athlete: Athlete; me arroja el error

La propiedad "athlete" no tiene inicializador y no está asignada de forma definitiva en el constructor.

No entiendo, he consultado mucha documentación y en ninguna leo que necesite tener un constructor, que además creo que en una interfaz no puede haber, sino que debería montar una clase que implementase dicha interfaz; no sé si sería lo correcto para lo que busco, que es tirar los datos de las variables con las que trabajo.

Diego
  • 640
  • 1
  • 11
  • 31