サーバーとクライアントの間の口頭/鼻テンプレートを共有します。 ASP.NET MVC

Question

私はmustache.jsクライアントでを使用し、ASP.NET MVC3プロジェクトではNustacheを使用しています。レイザーメインビュー（Index.cshtml）から

@Html.Partial("Person") 

：

は、私がこのように使用するサーバー上のViewフォルダ内のPerson.mustacheテンプレートを持っています。

しかし、どのようにクライアントに転送できますか？ブラウザにはViewsフォルダへのアクセス権がなく、テンプレートの生の内容を取得できます。どうにかして、私はPerson.mustacheテンプレートのHTML生のテキストをサーバーに出力する方法を含める必要があります。私はRazorのビューからそれを必要とするなら、通常のサーバテンプレートエンジンなので、コンパイルします。

誰にでもアイデアを教えてください。ありがとう。

Answer 1

まあ、I誰かがより良い解決策を思いつくだろう。ここでは、次のとおりです。@htmlヘルパーのための

Extenstion：

public static class ViewExtensions 
{ 
    public static IHtmlString RenderRawContent(this HtmlHelper helper, string serverPath) 
    { 
     string filePath = HttpContext.Current.Server.MapPath(serverPath); 

     //load from file 
     StreamReader streamReader = File.OpenText(filePath); 
     string markup = streamReader.ReadToEnd(); 
     streamReader.Close(); 

     return new HtmlString(markup); 

    } 
} 

かみそりメインビューのインデックスページの

@using MyProject.Helpers; 

<script type="text/template" id="person_template"> 

    @Html.RenderRawContent("~/Templates/Person.mustache") 

</script> 

Answer 2

部分ビューのコンテンツを返すことができる新しいコントローラを公開することをお勧めします。例えば：それと

public class TemplateController : Controller 
{ 
    public PartialViewResult Get(string name) 
    { 
    return PartialView(name); 
    } 
} 

、およびルート：

routes.MapRoute("Templates", "templates/{name}", 
    new { controller = "Template", action = "Get" }); 

が、私はその後、クライアントから呼び出すことができます（この例では、私はjQueryのを使用しています）：

var model = { name: "Matt" }; 
$.ajax({ 
    url: "/templates/person", 
    success: function(r) { 
    var html = Mustache.render(r, model); 
    $("body").append(html); 
    } 
}); 

Answer 3

名前のファイルPerson.mustache.cshtml、およびIndex.cshtmlに：

<script type="text/template" id="person_template"> 
    @Html.Partial("Person.mustache") 
<script type="text/template" id="person_template"> 

フレームワークがそれを行うときにファイルを提供するヘルパーを書く必要はありません。foあなた。