Wie man enum in Angular-Template verwendet

Dieser Trick ermöglicht es Ihnen, ein enum in einem Angular-Template zu verwenden:

enum_example.ts
public readonly MyMode : typeof MyMode = MyMode;

Vollständiges Beispiel

Code:

enum_full_example.ts
export enum MyMode {
  None = 0,
  FirstMode = 1,
  SecondMode = 2,
}

/* ... */
export class MyModeSelector {
  mode = MyMode.None;

  // Trick, um enum in die Klasse zu bekommen
  public readonly MyMode : typeof MyMode = MyMode;
}

Template:

enum_template_usage.html
<button (click)="mode = MyMode.FirstMode" />

Check out similar posts by category: Angular, Typescript