Eu estou lendo e tentando entender um exemplo de modelo Jquery.

<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>

Neste programa de exemplo, não consigo entender sobre:

/ * Converta a string de marcação em um modelo nomeado, referenciado pela tag {{tmpl}} * /

quando chamamos: $ ("#movieTemplate") .tmpl (movies) ele está chamando o template de que estamos chamando a função template com entrada de filmes e acrescentando isso ao movieslistid

se eu remover o código

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

não funciona. Por favor, você pode explicar por que precisamos disso e do que está fazendo aqui, assim como: / * Converta a string de marcação em um modelo nomeado, significando e todos.

Eu tentei readonline e descobri que eu não estou recebendo isso esclarecido