Access web.config appsettings from Angular js 2 Typescript [closed]

Typescript is compiled to JavaScript which later gets executed within the context of the application consuming the web.config file. Because of this, you won't be able to read the configuration at the TypeScript level.

What you need to do instead is make the configuration available at runtime. In other words, whatever code is generated by TypeScript needs to be aware of some object available while the page is running that will feed it any configuration it may need.

There a few ways to do this.

You could make your JS code aware of an object that should always exist in the global context (e.g. appConfig in JS when the page is running). You can then populate this object with the settings. Example asuming Razor:

var appConfig = [];
appConfig.adminEmail = '@ConfigurationManager.AppSettings["adminEmail"]';

Then your TypeScript code can rely on variable appConfig at runtime.

Alernatively, you can device a way for your page to inject the configuration into the code generated by your TypeScript:

var adminEmail;

function SetAdminEmail(val: string) 
{
    adminEmail = val;
}

function DisplayAdminEmail() 
{
    alert(adminEmail);
}

Then in your page:

<script type="text/javascript">
    SetAdminEmail('@ConfigurationManager.AppSettings["adminEmail"]');
    DisplayAdminEmail();
</script>