Créer une instance à l'aide d'une interface

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, je devrais quelque part implémenter l'interface par:

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

et puis instancier via new(...).

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

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

InformationsquelleAutor dragonmnl | 2016-04-20
  1. 41

    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.

    • Une autre façon est: interface foo { un?: le nombre; en deux?: string; } const bar: foo = {}
    • Encore une autre façon est const bar = { one: 5, two: "hello" } as foo qui est légèrement différent, car il permet de propriétés supplémentaires au-delà de celles définies par l'interface. (Je suis juste de le signaler ici par souci d'exhaustivité - l' bar: foo syntaxe est la bonne chose, sauf si vous avez besoin d'autres propriétés, car il fournit la plus stricte de validation.)
    InformationsquelleAutor rgvassar
  2. 38

    - Je utiliser de cette façon

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

    puis 

    var myObject = {} as IObject
var myListObject = [] as Array<IObject>
    • Merci, c'est une bonne solution pour quand je veux instancier la variable avec une interface, mais ne les connaissez pas tous les domaines, à ce point dans le temps. C'est beaucoup plus propre à mettre en œuvre pour les grandes interfaces trop.
    • Cela va à l'encontre du point de sécurité de type: zohaib.me/création de l'objet-base-sur-interface-type-de-tapuscrit
    InformationsquelleAutor Kangudie Muanza - Killmonger
  3. 2

    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.

    • ensuite, vous n'avez pas besoin de définir une interface à tous, vous êtes simplement en utilisant votre classe. La syntaxe correcte est l'exportation de la classe Maclasse implements IMyInterface
    InformationsquelleAutor kittycatbytes
  4. 0
    interface IOffice {
id: number;
employeeName: string;
phone?: number;
}
export class OfficeComponent {
  officeData: IOffice= <IOffice>{};
  dummyOfficeData: IOffice = {id: 1, employeeName: 'ragnar', phone: 123};
  noPhoneOfficeData: IOffice = {id: 2, employeeName: 'floki'};

constructor(){
  console.log(this.dummyOfficeData);
  console.log(this.dummyOfficeData);
}
}

    c'est mieux pour moi. vous pouvez exporter interface de modèle de fichier et les importer dans tous les composants nécessaires.

    InformationsquelleAutor Gaurav Basnet