Nutzung von Enums in TypeScript und HTML

Die Nutzung von enums in TypeScript ist ein wenig sperrig, aber nicht unmöglich!
Enum in einer TS-Datei definieren:

export enum MeinEnum{
A=1,
B=2,
C=4,
D=8,
D=16,
}

Einbinden in TS:

import {MeinEnum} from 'HierLiegtMeinEnum';


Nutzung in TS:

MeinEnum[MeinEnum.A];


liefert den Wert A als String zurück.

MeinEnum[MeinEnum.A].toLowerCase();


um den String vereinheitlicht zu nutzen, für Stringvergleiche.

Für die Nutzung in HTML benötigt TS noch ein Property auf das Enum:

private meinEnumInTS = MeinEnum;


und dann in HTML:


hatEinesDieserEnumWerte(meinEnumInTS.A, meinEnumInTS.D)


welches in TS zugreift auf:


hatEinesDieserEnumWerte(...e : MeinEnum): boolean{
// some Code
}


Nebenbei die Args – Notation für eine variable Anzahl gleicher Parameter!