2

私は Dust.js を初めて使用し、JSON オブジェクトをレコードで反復処理し、それぞれをテーブル内の行にレンダリングしようとしています。以下はスクリプトです。テーブルをレンダリングするために使用していますが、レンダリング中に問題が発生していると思います。特に、レンダリング関数のテンプレート引数です。正しい方向に向けることができれば感謝します

<div id="dustPlaceholder"></div>  
    <script id="goalTemplate">
        <table id="dustGoals">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Age</th>
                </tr>
            </thead>
            <tbody>
                {#friends}
                <tr>
                    <td>{name}</td>
                    <td>{age}</td>
                </tr>
                {/friends}
            </tbody>
        </table>
    </script> 
    </div>

     <script type="text/javascript">
         var src = document.getElementById("goalTemplate").innerHTML;
         var compiled = dust.compile(src);
         dust.render("goalTemplate", { friends: [ { name: "Moe", age:  37}]}, 
         function(err, out) {
          document.getElementById('dustPlaceholder').innerHTML = out;
        });   
     </script>
4

1 に答える 1