2016-11-08 10 views
0

私は、角度js 2タイプのスクリプトプログラミングには初めてです。私はtypescriptからweb.configのアプリケーション設定キーにアクセスする方法を見つけようとしています。彼らは環境によって異なるので、私は自分のタイプのスクリプトのデータをハードコードしたくないです。 TIAAngular jsからWeb.config appsettingsにアクセス2 Typescript

+0

使用C#とパスそれはあなたのjsに。 – Shyju

+0

web.config値を読み込むためのC#クラスを作成しましたが、これらの値を自分のtypescriptファイルに渡す方法はわかりません。 – pradeep

+0

TypeScriptはJavaScriptに変換されるため、設定ファイルを読み取ることはできません。 Razor構文を使用してスクリプトタグに適切な値を注入するか、Powershellスクリプトを作成してビルド中に値を置き換えることができます。 http://stackoverflow.com/questions/38000449/how-to-get-key-from-web-config-in-typesc/42015399#42015399 –

答えて

1

TypescriptはJavaScriptにコンパイルされ、後でweb.configファイルを使用するアプリケーションのコンテキスト内で実行されます。このため、TypeScriptレベルで構成を読み取ることはできません。

代わりに実行する必要があるのは、実行時に構成を利用できるようにすることです。言い換えると、TypeScriptによって生成されるコードは、ページが実行されている間に使用可能なオブジェクトを認識する必要があります。

これを行うにはいくつかの方法があります。

JSコードでは、グローバルコンテキストに常に存在するオブジェクト(たとえば、ページの実行時にJSのappConfig)を認識することができます。このオブジェクトに設定を入力できます。例:カミソリを吸う:

あなたの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> 
+0

この例では、main-http://にデータを注入していますplnkr.co/edit/ojaneZSSUUkkLmrpNkh?p=preview。課題は、index.htmlのappsettings構成データを読み取ることです。私たちはmvcなしでクライアント側でangular2を使用しています。これに関するどんな入力も感謝します。 – Infoseeker

関連する問題