Cannot approach Typescript enum within HTML

Question

I made an enum with Typescript to use in MyService.service.ts MyComponent.component.ts and MyComponent.component.html.

export enum ConnectionResult {
    Succes         


        

Answer 1

You can just add the enum to your component as property and use the same name of the enum (Quarters) in your templates:

enum Quarters{ Q1, Q2, Q3, Q4}

export class AppComponent {
   quarter = Quarters.Q1
   Quarters = Quarters
}

In your template

I=am only visible for Q1
 

The reason why this works is that the new porperty is basically of this type:

TileType: typeof TileType