Angularjsを使用したASP.NET SPA - コンポーネントtemplateUrl

Question

こんにちは、私はangularjsを持つSPAアプリケーションを持っていますが、テンプレートURLを使用してコンポーネントを作成する方法はわかりません。

私のディレクトリ構造は次のとおりです。

SpaApp 
- Scripts 
    - App 
    - test.component.js 
- Controllers 
- Views 
    - Home 
    - test.component.cshtml 

test.component.js

app.component("appTest", { 
    templateUrl: 'test.component.cshtml', //what is the address here? 
    transclude: true, 
    controller: function AppTest() {} 
}) 

私は、ビュー/ホーム/ test.component.cshtmlにURLを追加しようと、それは働いていませんでした。 次に、コンポーネントのjavascriptと同じフォルダにhtmlテンプレートを追加しようとしましたが、それもうまくいきません。 私の問題はどこですか？コンポーネントのhtmlテンプレートのアドレスは何ですか？ありがとうございました

Answer 1

角のテンプレートとして直接剃刀のビューを使用することはできません。レイザービューはASP.NETによってコンパイルされ、Webサーバーによって直接静的ファイルとして提供されるのではなく、角度テンプレートはHTTP経由で非同期にロードされるか、または角度templatecacheを通じて取得されます。

2つのオプションがあります。

1. 角度テンプレートとしてかすみビュー（.cshtml-ファイル）を使用しないでください。代わりに通常の.htmlファイルを使用してください。
2. 静的ファイルの代わりにASP.NET MVCアクションを参照してください。あなたの場合（デフォルトのルーティング設定を前提としています）、templateUrlは/Home/Testにする必要があります。

最初のオプションをお勧めし、ASP.NET MVCカミソリのビューを角度から完全に分離してください。