Prefill jsrenderテンプレート

Question

テーブルの一部として選択（オプション付き）をレンダリングするにはどうすればよいですか？

$('select').append($('<option>').text('single')); 
 
$('table').append($('#rowTmpl').render({name:'peter'}));

th,td {border:1px solid black;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://rawgit.com/BorisMoore/jsrender/master/jsrender.min.js"></script> 
 
<div style="display:none" id="statis"> 
 
    <select></select> 
 
</div> 
 
<script id="rowTmpl" type="text/x-jsrender"> 
 
    <tr> 
 
    <td>{{:name}}</td> 
 
    <td>{{include tmpl=#statis /}}</td> 
 
    </tr> 
 
</script> 
 

 
<table> 
 
    <tr> 
 
    <th>Name</th> 
 
    <th>Stat</th> 
 
    </tr> 
 
</table>

最初のジャバスクリプトのラインは、選択（4 HTMLライン）にオプションを追加します。 2番目のjavascript行は、peter人のテーブルに行を表示する必要があります。

問題：

1. 最初のJavaScriptの行が選択タグを見つけることができませんので、私は、スクリプト・タグにdiv要素を作成することはできません。
2. {{includeでdivを表示することはできません。#statisはdivでスクリプトタグではないからです。

Answer 1

{{include}}に構文エラーがあります。それは次のようになります。

<td>{{include tmpl="#statis" /}}</td> 

実際にあなたが隠されたdivの中JsRenderテンプレートを宣言することができますが、副作用があり得るので、それは、一般的に良い習慣ではありません。参照：https://stackoverflow.com/a/25609895/1054484。

文字列からテンプレートを宣言し、必要に応じて動的に文字列を事前に操作することもできます。

も参照してください：

• http://www.jsviews.com/#compiletmpl
• http://www.jsviews.com/#tagsyntax@composition

$('select').append($('<option>').text('single')); 
 
$('table').append($('#rowTmpl').render({name:'peter'}));

th,td {border:1px solid black;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://rawgit.com/BorisMoore/jsrender/master/jsrender.min.js"></script> 
 
<div style="display:none" id="statis"> 
 
    <select></select> 
 
</div> 
 
<script id="rowTmpl" type="text/x-jsrender"> 
 
    <tr> 
 
    <td>{{:name}}</td> 
 
    <td>{{include tmpl="#statis" /}}</td> 
 
    </tr> 
 
</script> 
 

 
<table> 
 
    <tr> 
 
    <th>Name</th> 
 
    <th>Stat</th> 
 
    </tr> 
 
</table>