Passer les énumérations dans les modèles de vue angular2

Peut-on utiliser des énumérations dans un modèle de vue angular2?

 

passe la chaîne en entrée:

  enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } 

Mais comment passer une configuration enum? Je veux quelque chose comme ça dans le modèle:

   

Quelle serait la meilleure pratique?

Edité: Créé un exemple:

  import {bootstrap} from 'angular2/platform/browser'; import {Component, View, Input} from 'angular2/core'; export enum DropdownType { instrument = 0, account = 1, currency = 2 } @Component({selector: '[.Dropdown]',}) @View({template: ''}) export class Dropdown { public dropdownTypes = DropdownType; @Input() public set dropdownType(value: any) {console.log(`-- dropdownType: ${value}`);}; constructor() {console.log('-- Dropdown ready --');} } @Component({ selector: 'header' }) @View({ template: '', directives: [Dropdown] }) class Header {} @Component({ selector: 'my-app' }) @View({ template: '
', directives: [Header] }) class Tester {} bootstrap(Tester);

Créez une propriété pour votre enum sur le composant parent dans votre classe de composant et affectez-lui l’énumération, puis référencez cette propriété dans votre modèle.

 export class Parent { public dropdownTypes = DropdownType; } export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } 

Cela vous permet d’énumérer l’énumération comme prévu dans votre modèle.

  

Voici une solution.

Créer un enum

 enum ACTIVE_OPTIONS { HOME = 0, USERS = 1, PLAYERS = 2 } 

Créez votre composant, assurez-vous que votre liste enum aura le typeof

 export class AppComponent { ACTIVE_OPTIONS: typeof ACTIVE_OPTIONS = ACTIVE_OPTIONS; active:ACTIVE_OPTIONS; } 

Créez votre vue

 
  • Home
  • PRENDRE PLAISIR