backbone.js - collection.toJSON() からレンダリングされないバックボーン ビュー

Question

アプリにバックボーン、ハンドルバー、jquery を使用しています。次のコード行が機能していません

this.$el.find('.quiz-container').append(quiz.tmplt.result(this.collection.toJSON()));

テンプレートは

<h2 class="score">Congratulation ABCD! You have scored {{score}} !!!</h2>
<table>
    <thead>
        <tr>
            <th>Question</th>
            <th>Your Answer</th>
            <th>Correct Answer</th>
        </tr>
    </thead>
    <tbody>
        {{#each qtext}}
        <tr>
            <td>{{this}}</td>
            <td>
                {{#each ../answer}}
                <span>{{this}}</span>
                {{/each}}
            </td>           
        </tr>
        {{/each}}
    </tbody>
</table>

ここに私のJSONファイルがあります

[{
    "qid": "1001",
    "qtext": "This is question one?",
    "options": [{"id":"opt1", "str":"15%"},{"id":"opt2", "str": "16%"},{"id":"opt3", "str": "17%"},{"id":"opt4", "str": "19%"}],
    "answer": ["opt2"]},
    {
    "qid": "1002",
    "qtext": "This is question two?",
    "options": [{"id":"opt1", "str":"item0"},{"id":"opt2", "str": "item1"},{"id":"opt3", "str": "item2"},{"id":"opt4", "str": "item3"}],
    "answer": ["opt1"]},
    {
    "qid": "1003",
    "qtext": "This is question three?",
    "options": [{"id":"opt1", "str":"5%"},{"id":"opt2", "str": "2.5%"},{"id":"opt3", "str": "11%"},{"id":"opt4", "str": "0%"}],
    "answer": ["opt3"]}
]

このテンプレートを分割し、collection.each メソッドを使用して JSON ファイルから各オブジェクトをレンダリングできることはわかっていますが、最初のテンプレートを保持し、コレクション データから直接レンダリングしたいと考えています。

前もって感謝します

ヴィクラム