How to use enum in Angular Template
This hack will allow you to use an enum in an Angular template:
example.ts
public readonly MyMode : typeof MyMode = MyMode;Full example
Code:
example.ts
export enum MyMode {
None = 0,
FirstMode = 1,
SecondMode = 2,
}
/* ... */
export class MyModeSelector {
mode = MyMode.None;
// Hack to get enum into class
public readonly MyMode : typeof MyMode = MyMode;
}Template:
example.html
<button (click)="mode = MyMode.FirstMode" />Check out similar posts by category:
Angular, Typescript
If this post helped you, please consider buying me a coffee or donating via PayPal to support research & publishing of new posts on TechOverflow