Jquery टेम्पलेट को समझना

Question

मैं पढ़ रहा हूं और एक jquery टेम्पलेट उदाहरण को समझने की कोशिश कर रहा हूं।

/* एक नामित टेम्पलेट, {{Tmpl}} टैग द्वारा संदर्भित में मार्कअप स्ट्रिंग में कनवर्ट */

:

<script id="movieTemplate" type="text/x-jquery-tmpl"> 
    {{tmpl "titleTemplate"}} 
    <tr class="detail"><td>Director: ${Director}</td></tr> 

</script> 

<table><tbody id="movieList"></tbody></table> 

<script> 
var movies = [ 
    { Name: "The Red Violin", Director: "François Girard" ,Producer : "ssss" }, 
    { Name: "Eyes Wide Shut", Director: "Stanley Kubrick" }, 
    { Name: "The Inheritance", Director: "Mauro Bolognini" } 
]; 

/* Convert the markup string into a named template, 
    referenced by the {{tmpl}} tag */ 
$.template("titleTemplate", "<tr class='title'><td>${Name}</td></tr>"); 

/* Render the movies data, using the named template as a nested template */ 
$("#movieTemplate").tmpl(movies).appendTo("#movieList"); 
</script> 

इस उदाहरण कार्यक्रम में मैं के बारे में समझ नहीं पा रहा हूं

जब हम कहते हैं: $ ("#movieTemplate") .tmpl (फिल्में) यह हम इनपुट फिल्मों के साथ टेम्पलेट फ़ंक्शन को कॉल और कहा कि

movieslistid को जोड़कर कर रहे हैं अगर मैं कोड को दूर उस पर टेम्पलेट बुला है

$.template("titleTemplate", "<tr class='title'><td>${Name}</td></tr>"); 

यह काम नहीं करता है। क्या आप कृपया समझ सकते हैं कि हमें इसकी आवश्यकता क्यों है और यह क्या कर रहा है जैसे कि यह करता है:/* मार्कअप स्ट्रिंग को नामित टेम्पलेट, माध्य और सभी में कनवर्ट करें ..

मैंने पढ़ने की कोशिश की और पाया कि मुझे यह नहीं मिल रहा है स्पष्ट किया

Answer 1

यह "titleTemplate" नामक एक टेम्पलेट का संदर्भ होता है, जो अभी तक नहीं परिभाषित किया गया एक टेम्पलेट:

<script id="movieTemplate" type="text/x-jquery-tmpl"> 
    {{tmpl "titleTemplate"}} 
    <tr class="detail"><td>Director: ${Director}</td></tr> 
</script> 

इस लाइन को परिभाषित करता है कि लापता टेम्पलेट:

$.template("titleTemplate", "<tr class='title'><td>${Name}</td></tr>"); 

यह कहने का एक और तरीका है

<script id="titleTemplate" type="text/x-jquery-tmpl"> 
    <tr class='title'><td>${Name}</td></tr> 
</script> 

संक्षेप में उदाहरण से पता चलता है कि आप दो तरीके

HTML स्रोत कोड में
• एलान के तौर पर में टेम्पलेट्स परिभाषित कर सकते हैं <script type="text/x-jquery-tmpl"> तत्वों
• प्रोग्राम के रूप में तार से के रूप में, $.template()