cshtmlからネームスペース内の関数を呼び出す

Question

Typescriptと名前空間を持つようなものがあるようです。私が名前空間にTypescript関数を置き、その関数をonclickで呼び出すと、呼び出しはIEでは失敗しますが、ChromeとFirefoxでは機能します。

すなわち活字体

namespace @idARPanelHdrWithHash 
{ 
    export function ChangeText(id : string) 
    { 
    } 
} 

CSHTML：

<p id="@idARPanelHdr" 
    class="UserARViewMore collapsed" 
    onclick="ChangeText('@idARPanelHdrWithHash')" 
    data-toggle="collapse" 
    data-target="@idARPanelWithHash"> 
    VIEW MORE 
</p> 

私は（ 'idARPanelHdrWithHash @'）に「AdminEditPages.ChangeTextのonclickに変更した場合、それはIEでなく、FirefoxやChromeで動作します

。

IEでデバッグツールを開いている場合は、コンソールを呼び出し、「。」を押すとAdminEditPagesと入力してください。私は明らかに、名前空間は、FirefoxやChromeには存在しません。すべてのタイプの先のものを取得しないが、クロムまたはFirefoxで何も。

私は何をしないのですか？

感謝を事前に、

アダムベンソン。

Answer 1

まず名前空間のために使用されている名前は、有効な識別子名ではなく、コードをJavaScriptにコンパイルされません。

だけ@を失う。

それはあなたが発生したJavascriptが何であるかを見ることができますコンパイル

namespace idARPanelHdrWithHash 
{ 
    export function ChangeText(id : string) 
    { 
    } 
} 

。

var idARPanelHdrWithHash; 
(function (idARPanelHdrWithHash) { 
    function ChangeText(id) { 
    } 
    idARPanelHdrWithHash.ChangeText = ChangeText; 
})(idARPanelHdrWithHash || (idARPanelHdrWithHash = {})); 

そのCSHTMLは最終的になりChangeText関数を呼び出すの正しい方法をhtmlの場合となります。

<p id="@idARPanelHdr" 
    class="UserARViewMore collapsed" 
    onclick="idARPanelHdrWithHash.ChangeText('@idARPanelHdrWithHash')" 
    data-toggle="collapse" 
    data-target="@idARPanelWithHash"> 
    VIEW MORE 
</p> 

は、クイックリファレンスのためにあなたは何にコンパイル活字体のコードを参照するために活字体の遊び場を使用することができます。 thisのように。