How to read azure application setting and connection string in Angular?

@Software Developer You can use the Azure App Configuration Service to centrally manage application settings and feature flags for your app.

There is a npm package available for Azure App Configuration Service here: https://www.npmjs.com/package/@azure/app-configuration, which can be used as follows:

   const appConfig = require("@azure/app-configuration");  
     
   const client = new appConfig.AppConfigurationClient(  
     "<App Configuration connection string goes here>"  
   );  
     
   async function run() {  
     const newSetting = await client.setConfigurationSetting({  
       key: "testkey",  
       value: "testvalue",  
       label: "optional-label"  
   });  
     
   let retrievedSetting = await client.getConfigurationSetting("testkey", {  
       label: "optional-label"  
   });  
     
   console.log("Retrieved value:", retrievedSetting.value);  
   }  
     
   run().catch((err) => console.log("ERROR:", err));  

However, please be aware of the caveats with regards to security and performance that come with using App Config on the client-side, as described in the following posts:

• How to use Azure App Configuration in Angular
• App Configuration Best Practices for Frontend

Additional resources:

• Azure App Configuration documentation
• Azure App Configuration FAQ
• How to Add Azure Feature Flags to Angular projects