javascript - Keep and override settings in a config file in Angular

Question

I have the following configuration used for a custom scrollbar settings in constants.ts file:

constants.ts:

export const COMPONENT_OPTIONS = {
    width: 5,
    height: 100,
    // other parameters
}

component.ts:

import {SCROLL_OPTIONS } from 'src/@common/constants';


//Set scroll options
this.scroll.modules = {
    component : SCROLL_OPTIONS 
}

Here is another approach where these options could be kept in an abstract class as shown below:

export abstract class Constant {

    public static COMPONENT_OPTIONS : any = {
        width: 5,
        height: 100,
        // other parameters
    }
};

My questions are:

1. In order to keep and manage the scrollbar settings in a config file, should I use the first approach (const) or the second approach (abstract class)?

2. How can I override some of the options when needed on the component side? Assume that I set default options in the base config file (constants.ts), but sometimes I need to use this config by changing height in it. In that case I cannot use const and need to find a better way. So, how can I solve this problem?

question from:https://stackoverflow.com/questions/65918411/keep-and-override-settings-in-a-config-file-in-angular

Answer 1

Waitting for answers