Populate an array from enum (Angular)

Question

I have enum , that coming from back-end

Here is enum

    export enum InquiryStatus {
    _0 = 0, 
    _1 = 1, 
    _2 = 2, 
}

I create enum, to use in dropdown, like this

  export enum InquiryStatuses {
    Pending = InquiryStatus._0,
    Quoted = InquiryStatus._1,
    Lost = InquiryStatus._2,
}

And populate array, like this

filter: SelectItem[] = [];
     ngOnInit(): void {
        this.filter = [
            { label: 'Pending', value: InquiryStatuses.Pending },
            { label: 'Quoted', value: InquiryStatuses.Quoted },
            { label: 'Lost', value: InquiryStatuses.Lost },
        ];
    }

I need to make populating in function. I.E senв enum and name of array as parameters and return populated data to array. How I can do this correctly?

"I need to make populating in function" Your requirement is not clear. — Avin Kavish
– Avin Kavish, Commented Jun 11, 2019 at 13:59

Matt · Accepted Answer · 2019-06-11 14:34:01Z

3

Since yurzui wrote a good answer, I'll just add how I was doing something similar.

export class EnumHelper {

    /** Returns array of objects based on enum values.
     *  Every object has text and value. 
     * Formats enum names if they are in pascal case.*/
    public static getTextAndValue(type: any, pascalCase: boolean = false): object[] {
        const result: Array<object> = [];
        for (var value in type) {
            if (Number.isInteger(type[value])) {
                result.push({ value: type[value], text: pascalCase ? value.replace(/([A-Z])/g, ' $1').trim() : value });
            }
        }
        return result;
    }
}

edited Jun 11, 2019 at 14:34

answered Jun 11, 2019 at 14:10

Matt

3364 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

yurzui · Accepted Answer · 2019-06-11 14:04:03Z

2

The common way of doing this might be like this:

this.filter = Object.keys(InquiryStatuses)
                  .filter(k => typeof InquiryStatuses[k] === 'number')
                  .map(label => ({ label, value: InquiryStatuses[label] })))

Since Typescript "doubles" properties in enum when converting to object we have to filter it first.

answered Jun 11, 2019 at 14:04

yurzui

215k32 gold badges450 silver badges413 bronze badges

Collectives™ on Stack Overflow

Populate an array from enum (Angular)

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related