Quelle est la manière correcte d'instancier une interface dans Typescript dans une application Angular 2?

Dans mon Angulaire 2-Tapuscrit de l'application j'ai défini une interface plutôt qu'une classe pour permettre à des paramètres facultatifs.

Pour autant que je sais que je dois quelque part implémenter l'interface par

à l'exportation de la classe maclasse implements myInterface { ... }

et de l'instancier via nouvelle(...)

Je me demandais si c'est la bonne façon de le faire (dans Angulaire 2) ou il y a un plus simple /la meilleure façon?

Aussi, où dois-je mettre de la mise en œuvredans le composant (.ts) où je l'utilise, où l'interface est ou d'où?

source d'informationauteur dragonmnl

  1. 20

    Vous pouvez le faire de cette façon. Vous pouvez également vous suffit de créer un objet qui implémente l'interface comme:

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

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

    Si vous voulez utiliser une classe, vous pouvez le mettre où vous voulez. Si elle est étroitement couplé avec le composant, vous pouvez le mettre là. En général, cependant, je veux classes à couplage lâche, alors je les ai mis dans leur propre fichier.

  2. 11

    - Je utiliser de cette façon

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

    puis 

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

    Vous pouvez effectuer les opérations suivantes:

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

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

    Ensuite instancier:

    let newFromInterface = new MyClass();

    C'est la façon dont je le fais dans mon code au moins.