Qual è il modo corretto di istanziare un'interfaccia in Typescript all'interno di un'applicazione Angular 2?

Question

Nella mia applicazione Angular 2-Typescript ho definito un'interfaccia anziché una classe per consentire parametri opzionali.

Per quanto ne so che dovrei in qualche implementare l'interfaccia per

classe esportazione myClass implementa MyInterface {...}

e un'istanza tramite nuovo (...)

Mi chiedevo se questo è il modo giusto per farlo (in Angular 2) o c'è un modo più semplice/migliore ?

Inoltre, dove dovrei inserire l'implementazione, nel componente (.ts) dove lo uso, dove è l'interfaccia o dove?

Answer 1

Puoi farlo in questo modo. È anche possibile creare un oggetto che implementa l'interfaccia simile:

interface foo { 
    one: number; 
    two: string; 
} 

const bar: foo = { one: 5, two: "hello" }; 

Se si desidera utilizzare una classe, si può mettere dove si vuole. Se è strettamente accoppiato con il componente, puoi metterlo lì. In generale, però, voglio che le classi siano accoppiate liberamente, così le ho inserite nel loro file.

Answer 2

Io uso questo modo

interface IObject{ 
    first: number; 
    second: string; 
} 

poi

var myObject = {} as IObject 
var myListObject = [] as Array<IObject> 

Answer 3

È possibile effettuare le seguenti operazioni:

export interface IMyInterface { 
    property1: string; 
    property2: number; 
    property3: boolean; 
} 

export class MyClass { 
    property1: string = ''; 
    property2: number = 1; 
    property3: boolean = false; 
    constructor(){} 
} 

Poi istanziare:

let newFromInterface = new MyClass(); 

Questo è come lo faccio nel mio codice almeno.