Exporting enums in Angular modules

Question

Does anyone know if it’s possible to export enums in Angular modules? If not, are there any best practises to ship enums within Angular modules?

// not working example
// i dont know how to export GreatEnum

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { GreatComponent } from './great.component';
import { GreatEnum } from './great.enum';

@NgModule({
    imports: [
        CommonModule       
    ],
    declarations: [GreatComponent ],
    exports: [GreatComponent ]
})
export class GreatModule {
}

What do you think you need to export? Why would you want to inject it using DI? — jonrsharpe, Sep 26 '17 at 06:42
you can directly use them when you are using `index.ts` barrel file — Aravind, Sep 26 '17 at 06:51
The enum file looks just like: export enum GreatEnum { 'foo' = 1, 'bar' = 2 } — Christoph Glaß, Sep 26 '17 at 06:55
In case you are looking how to use enums from a subcompent into the parents component - https://stackoverflow.com/questions/35923744/pass-enums-in-angular2-view-templates/35924445 — Mauricio Gracia Gutierrez, Jun 04 '21 at 15:41

Amine Safi · Answer 1 · 2021-07-15T10:31:04.827

8

If you are writing libraries, you have to export enums with the keyword const

export const enum <ENUM_NAME>

edited Jul 15 '21 at 10:31

answered Jul 07 '21 at 07:43

Amine Safi

255
4
8

1

Wish I could upvote more than once... – Romeo Sierra Dec 16 '21 at 17:51

Suren Srapyan · Accepted Answer · 2017-09-26T06:53:51.623

7

Why you need to export enum from the modules?. It is not necessary . It is like an interfaces and classes. You can use it everywhere, except directly in the templates.

You can just import them in any file which you want and use there. For them there is no error like

Directive or Component is not found

edited Sep 26 '17 at 06:53

answered Sep 26 '17 at 06:38

Suren Srapyan

66,568
14
114
112

7

I'm writing modules for reusing them in several angular apps. Thats why I want to ship enums within the module. – Christoph Glaß Sep 26 '17 at 06:54
2

Look. When you will add your modules in the packages of an application, you can export it from the `barrel` file of your package. It may contains for example `export yourModule from yourFile; export yourEnum from yourEnumFile` and then get your module and enum like `import { YourModule, YourEnum } from YourPackage;` – Suren Srapyan Sep 26 '17 at 06:56

Exporting enums in Angular modules

2 Answers2