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

Como ¿Cómo usar una interface en un componte [Angular]componente en Angular?

He creado la siguiente interfaz, la cuálcual 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 linealínea de athlete: Athlete; me arroja el error La propiedad "athlete" no tiene inicializador y no está asignada de forma definitiva en el constructor.

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, si nosino que debería montar una clase que implementase dicha interfaz,interfaz; no se si sería lo correcto para lo que busco, que es tirar los datos de las variables con las que trabajo.

Como usar una interface en un componte [Angular]

He creado la siguiente interfaz, la cuál 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 linea 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, si no que debería montar una clase que implementase dicha interfaz, no se si sería lo correcto para lo que busco, que es tirar los datos de las variables con las que trabajo.

¿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 si sería lo correcto para lo que busco, que es tirar los datos de las variables con las que trabajo.

Origen Enlace
Diego
  • 640
  • 1
  • 11
  • 31

Como usar una interface en un componte [Angular]

He creado la siguiente interfaz, la cuál 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 linea 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, si no que debería montar una clase que implementase dicha interfaz, no se si sería lo correcto para lo que busco, que es tirar los datos de las variables con las que trabajo.