सर्वर और क्लाइंट के बीच मूंछ/नस्टैश टेम्पलेट साझा करना। एएसपी.नेट एमवीसी

Question

मैं ग्राहक पर mustache.js और एएसपी.नेट एमवीसी 3 प्रोजेक्ट में नस्टैच का उपयोग कर रहा हूं।

@Html.Partial("Person") 

( Index.cshtml) उस्तरा मुख्य दृश्य से

:

मैं सर्वर पर एक दृश्य फ़ोल्डर, जो मैं इस तरह का प्रयोग Person.mustache टेम्पलेट है।

लेकिन मैं इसे कैसे क्लाइंट को स्थानांतरित कर सकते हैं? किसी टेम्पलेट की कच्ची सामग्री प्राप्त करने के लिए ब्राउज़र को दृश्य फ़ोल्डर तक पहुंच नहीं है। किसी भी तरह से सर्वर पर Person.mustache टेम्पलेट के HTML कच्चे पाठ को आउटपुट करने के लिए मुझे एक तरीका होना चाहिए। अगर मुझे इसे रेजर व्यू से चाहिए, तो यह इसे संकलित करता है, क्योंकि यह सामान्य सर्वर टेम्पलेट इंजन है।

कोई भी कोई विचार दे सकता है? धन्यवाद।

Answer 1

ठीक है, मैं कुछ बनाया है, जो काम करता है, शायद कोई बेहतर समाधान के साथ आ जाएगा। संदेश यह है: @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"> 

फ्रेमवर्क करने के लिए फ़ाइल करने के लिए एक सहायक लिखने की कोई आवश्यकता नहीं है आप