collections - 如何遍历 jQuery 模板中的交错模块（backbone.js）？

Question

我在backbone.js中创建了一个带有交错模型的集合，如下所示：（使用for循环）

var categories = new Category({ // main model
    title:  myJSON.category[h].title,
    product: []
});

var product = new Product({ // sub-model
        articleNumber:  myJSON.category[h].articles[j].articleNumber,
    shortDesc:  myJSON.category[h].articles[j].shortDesc,
    stock:      myJSON.category[h].articles[j].stock,
    price:      myJSON.category[h].articles[j].price,
    packaging:  myJSON.category[h].articles[j].packaging            
});
categoryCollection.add(categories); // my Collection

然后我在backbone.js 中创建了一个视图，并使用了来自jQuery 模板的渲染：

   render: function(){
        var col = {
            collection: categoryCollection.toJSON(),
        }
        var templ = $("#productTemplate").tmpl(col);
        $(templ).appendTo("#showProducts");
    }

所以，这是我的 html 文件中的代码

    <script id="productTemplate" type="text/x-jQuery-tmpl"> 
<div id="product_cat_1" class="product_table">
    <div class="site_links_top">
    </div>

    <!-- creating product categories in table -->
    {{each collection}}
    <a href="#product_cat_${$index + 1}" class="category category_closed"> 
            ${$value.title} </a>

            <table>
    <!-- creating products in table -->
    {{each ????? }} // i tried value, ${value}, ${$value} ....
                 // code..
    {{/each}}
    </table>
    {{/each}}

</div>
</script>

我不知道如何遍历第二个模型（ product[] ）。有任何想法吗？