Quando utilizzare l'interfaccia e il modello in TypeScript / Angular2

Di recente ho visto un Tutorial su Angular 2 con TypeScript, ma non sono sicuro di quando utilizzare un'interfaccia e quando utilizzare un modello per contenere le strutture di dati.

Esempio di interfaccia:

export interface IProduct {
    ProductNumber: number;
    ProductName: string;
    ProductDescription: string;
}

Esempio di modello:

export class Product {
    constructor(
        public ProductNumber: number,
        public ProductName: string,
        public ProductDescription: string
    ){}
}

Voglio caricare i dati JSON da un URL e collegarli all'interfaccia / al modello. A volte voglio un singolo oggetto dati, altre volte voglio tenere e array dell'oggetto.

Quale dovrei usare e perché?

Le interfacce sono solo in fase di compilazione. Ciò consente solo a te di verificare che i dati previsti ricevuti seguano una struttura particolare. Per questo puoi trasmettere i tuoi contenuti a questa interfaccia:

this.http.get('...')
    .map(res => <Product[]>res.json());

Vedi queste domande:

• Come faccio a lanciare un oggetto JSON in una classe dattiloscritta
• Come ottenere l'oggetto Date da json Response in dattiloscritto

Puoi fare qualcosa di simile con la classe ma le principali differenze con la classe sono che sono presenti in fase di esecuzione (funzione di costruzione) e puoi definire metodi in esse con l'elaborazione. Ma, in questo caso, devi istanziare gli oggetti per poterli usare:

this.http.get('...')
    .map(res => {
      var data = res.json();
      return data.map(d => {
        return new Product(d.productNumber,
          d.productName, d.productDescription);
      });
    });

L' interfaccia descrive un contratto per una classe o un nuovo tipo . È un puro elemento dattiloscritto, quindi non influisce su Javascript.

Un modello, e cioè una classe , è una vera funzione JS che viene utilizzata per generare nuovi oggetti.

Voglio caricare i dati JSON da un URL e collegarli all'interfaccia / al modello.

Scegli un modello, altrimenti sarà comunque JSON nel tuo Javascript.

Come ha detto @ThierryTemplier per la ricezione di dati dal server e anche per la trasmissione di modelli tra i componenti (per mantenere l'elenco intellisense e fare errori in fase di progettazione), va bene usare l'interfaccia ma penso che per inviare dati al server (DTO) sia meglio usare la classe per prendere vantaggi del mapping automatico DTO dal modello.

Usa Class invece di Interface che è quello che ho scoperto dopo tutte le mie ricerche.

Perché? Una sola classe è meno codice di un'interfaccia class-plus. (comunque potresti richiedere una Classe per modello di dati)

Perché? Una classe può fungere da interfaccia (usa gli attrezzi invece di estensioni).

Perché? Una classe di interfaccia può essere un token di ricerca del provider nell'iniezione di dipendenza angolare.

dalla Guida allo stile angolare

Fondamentalmente una classe può fare tutto, cosa farà un'interfaccia. Quindi potrebbe non essere necessario utilizzare un'interfaccia .