Tapuscrit / Angulaire 2: la Propriété est manquant dans le type

Je suis encore assez nouveau pour Tapuscrit et ont de la difficulté à enveloppant ma tête autour d'interfaces. Comme je comprends, une interface est un type de description ou d'un contrat pour une classe. Il me permet de définir, les propriétés d'une classe peut avoir et de quel type ils sont. J'essaie de mettre en œuvre, mais toujours cette erreur:

error TS2420: Class 'ResultPage' incorrectly implements interface 'ResultPageInterface'.
Property 'entries' is missing in type 'ResultPage'.

Voici le code pour l'interface

export interface ResultPageInterface {
  entries:Array<any>;
  page_number:number;
  page_size:number;
  total_entries:number;
}

export class ResultPage implements ResultPageInterface {}

Et ici, la classe où je veux l'utiliser.

import { Injectable } from '@angular/core';
import { ResultPage } from '../interfaces/result-page.interface';

@Injectable()
export class SomeClass {

  constructor() {}

  buildPage(res:any): ResultPage {
    let page:ResultPage = new ResultPage();
    page.entries = res.data;
    page.page_number = res.pagination.page_number;
    page.page_size = res.pagination.page_size;
    page.total_entries = res.pagination.total_entries;
    return page;
  }

}

OriginalL'auteur Ole Spaarmann | 2016-11-02

  1. 4

    Vous avez besoin de mettre les membres dans la classe en tant que bien de sorte qu'il sera en effet de mettre en œuvre l'interface:

    class ResultPage implements ResultPageInterface {
    public entries: Array<any>;
    public page_number: number;
    public page_size: number;
    public total_entries: number;

    constructor() {
        this.entries = [];
    }
}

    Vous pouvez également les membres privés et d'utiliser les accesseurs:

    class ResultPage implements ResultPageInterface {
    private _entries: Array<any>;
    private _page_number: number;
    private _page_size: number;
    private _total_entries: number;

    constructor() {
        this._entries = [];
    }

    public get entries() {
        return this._entries;
    }

    public get page_number() {
        return this._page_number;
    }

    public get page_size() {
        return this._page_size;
    }

    public get total_entries() {
        return this._total_entries;
    }
}
    Eh bien, stupide moi... Qui a du sens.

    OriginalL'auteur Nitzan Tomer

  2. 3

    implements ResultPageInterface vous ResultPage implémente ResultPageInterface mais il ne fait pas.

    Il devrait être

    export class ResultPage implements ResultPageInterface {
  entries:Array<any>;
  page_number:number;
  page_size:number;
  total_entries:number;
}

    OriginalL'auteur Günter Zöchbauer

  3. 0

    Juste au cas où si vous faites des erreurs stupides. J'avais la même erreur aujourd'hui.

    ERREUR dans src/app/composants/home/accueil.composante.ts(11,3): erreur
    TS2322: Type 'undefined[]' n'est pas assignable à type 'StreamData'.

    Propriété "messageId" est manquant dans le type " undefined[]'.
    src/app/composants/home/accueil.composante.ts(18,24): erreur TS2339:
    Propriété de 'push' n'existe pas sur le type "StreamData'.

    J'ai changé mon code de dashboardData: StreamData = []; à dashboardData: StreamData[] = [];, qui a résolu le problème.

    OriginalL'auteur Sibeesh Venu