從Angular js 2 Typescript訪問web.config appsettings

Question

我是angular js 2 type腳本編程的新手。我試圖找到一種方法來訪問來自typescript的web.config的應用程序設置鍵。我不想在我的類型腳本中對數據進行硬編碼，因爲它們在不同的環境中有所不同。 TIA

Answer 1

Typescript被編譯爲JavaScript，稍後在使用web.config文件的應用程序上下文中執行。因此，您將無法在TypeScript級別讀取配置。

你需要做的是使配置在運行時可用。換句話說，TypeScript生成的任何代碼都需要知道在頁面運行時可用的某個對象，它將爲其提供任何可能需要的配置。

有幾種方法可以做到這一點。

您可以讓您的JS代碼知道應始終存在於全局上下文中的對象（例如，當頁面運行時，JS中的appConfig）。然後您可以使用設置填充此對象。 asuming Razor示例：

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

然後，您的TypeScript代碼可以在運行時依賴變量appConfig。

Alernatively，你能設備爲您的網頁來配置注入到你的打字稿生成的代碼的方式：

var adminEmail; 

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

function DisplayAdminEmail() 
{ 
    alert(adminEmail); 
} 

在你的頁面

然後：

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