Iordan Iordanov Blog

It define a design pattern (template) that can be repeatedly applied to a commonly recurring situation in software design. The patterns ensure a good practice environment, quality assurance, and compatible test results. The development process involves implementing the design pattern in a reusable way, allowing for easier maintenance and updates in the future. This approach promotes efficiency, reduces redundancy, and enhances the overall software development lifecycle.

For this purpose an common class EnumViewModel width following definition is used.

export class EnumViewModel {
    id: number;
    name: string;

    constructor(){
        this.id = -1;
        this.name = 'Default';
    }
}

An example enumeration:

export enum AircraftStatus {
    New = 1,
    Operational = 2,
    Maintenance = 3,
    ForLeaseOrSale = 4,
    Retired = 5
}

For each enumeration an option array of type EnumViewModel is defined

export const AircraftStatusOpt: EnumViewModel[] = [
    {
        id: 1,
        name: 'New'
    },
    {
        id: 2,
        name: 'Operational'
    },
    {
        id: 3,
        name: 'Maintenance'
    },
    {
        id: 4,
        name: 'For Lease Or Sale'
    },
    {
        id: 5,
        name: 'Retired'
    },
];

Next is a pipe definition:

@Pipe({ name: 'acstatus' })
export class AcStatusDisplayPipe implements PipeTransform {
    transform(value: number, args?: string[]): string {
        let rv: string = AircraftStatus[value];
        const data: EnumViewModel = AircraftStatusOpt.find(x => x.id === value);
        if (data) {
            rv = data.name;
        }
        return rv;
    }
}

Entire code of the solution can be found in this stackbiz project.