顯示集合中每個數組元素的名稱字段

Question

我有一個集合（類別），每個文檔都有一個「產品」字段，它是對象（產品）的數組。每個產品都有一個「名稱」和一個「startingCost」字段。我可以顯示每個類別的名稱，但我不知道如何在每個類別中顯示每個產品名稱。

HTML：

<template name='categoriesList'> 
    <ul class='category-grid'> 
     {{ #each categories }} 
      <li>{{ name }}</li> 
      <!-- Display every product's name --> 
     {{/each}} 
    </ul> 
</template> 

JS：

Template.categoriesList.helpers({ 
    categories() { 
     return Categories.find({}); 
    }, 
}); 

模式：

{ 
    "_id" : "test", 
    "name" : "TestNAME", 
    "createdAt" : ISODate("2017-08-08T18:03:09.508Z"), 
    "products" : [ 
    { "name" : "testProduct", "startingCost" : 100 }, 
    { "name" : "test2", "startingCost" : 200 } 
    ] 
} 

Answer 1

應該只可以做另外{{ #each }}

<template name='categoriesList'> 
    <ul class='category-grid'> 
     {{ #each category in categories }} 
      <li>{{ category.name }}</li> 
      <!-- Display every product's name --> 
      <ul> 
       {{ #each product in category.products }} 
       <li>{{ product.name }}: ${{ product.startingCost }}</li> 
       {{/each}} 
      </ul> 
     {{/each}} 
    </ul> 
</template> 

如果您更喜歡each products或each product in products語法，則由您決定。在嵌套時，我絕對更喜歡命名空間的。