ASP.NET MVC 5にAngularjsを組み込む

Question

まず、.NETプログラミングのバックグラウンドを持っていることを説明し、私はAngularjsを初めて使っています。

私はMVC 5アプリケーションを持っており、Angularjsで構築された新しいセクションをシングルページアプリケーションとして追加したいと思います。

これまでのところ、私はインデックスアクションを持つMVC 5コントローラを持っています。 Index.cshtmlビューには、ルータモジュールを使用しているAngularjsで作成されたSPAがあります。 Angularは、HTML形式の他のページを呼び出します。

私の問題は、htmlページが次のような画像を参照しているということです。 <img src="img/image.png">ですが、アプリケーションがルートフォルダにない場合、パスは正しくありません。

画像の正しいパスをフォーマットするには、<img src="@Url.Content("~/img/image.png")">のようにする必要がありますが、htmlページではできません。

Razorのヘルプを使用するには、それらを.htmlから.cshtmlに変換する方法を教えてください。また、標準のMVC 5アプリケーションで、これらのページをIndex.cshtmlに相対的に配置することが推奨される場所を知る必要があります。

Answer 1

AngularJsテンプレートを.cshtml（Razor）にする場合は、部分的なアクションを作成する必要があります。通常のMVCと同じように、MVCコントローラにアクションを作成し、ビューを返します。考慮する必要があるのは、レイアウトをnullに設定する必要があるため、これらの部分ビューを表示するときにレイアウト全体がレンダリングされないようにすることです。 Angularでは、このアクションを完全なルートで参照する必要があります。