Я могу отображать только все элементы в первой категории, вместо отображения всех категорий и заголовков в каждой категории.Либо вторая категория отображается под первой, либо все «элементы» относятся только к первой категории.
Я настраиваю сервер MongoDB для вывода списка продуктов, которые я могу нанять по пяти категориям: «Камеры».«Освещение», «Линзы», «Аудио» и «Разное».Я хотел бы, чтобы страница отображала каждую категорию, а затем перечисляла каждый элемент в этой категории, используя шаблон кнопки для раскрывающегося списка.(Просто пытаюсь выстроить список в первую очередь перед этим шагом)
Я делаю это таким образом, чтобы позволить мне в будущем расширяться до других категорий и динамически обновлять страницу.
Руль HTML (equipment.hbs):
<span id="content">
<div class="row">
<div class="container col-md-12">
{{# each category }}
<button class="collapsible">{{ this.category }}</button>
{{/each}}
<div class="content">
<p>{{# each product.title}}<li><a href="">{{ this.product.title }}</a></li>{{/each}}</p>
</div>
</div>
<hr>
</span>
Схема элемента: (/models/item.js)
var mongoose = require('mongoose');
var Item = mongoose.model('Item', {
category: {
type: String,
minlength: 1,
trim: true,
required: true,
},
product: {
title: {
type: String,
minlength: 1,
trim: true,
required: true
},
quantity: {
type: Number,
default: 1,
required: true
},
added: {
type: Date,
default: Date.now
},
description: {
type: String,
minlength: 1,
trim: true,
required: true
}
}
});
module.exports = {Item};
В настоящее время в этой категории не отображаются элементы в каждой категории и ранее.Все элементы отображаются в первой категории.
Любая помощь приветствуется.
Редактировать: Пример данных JSON
{
"product": {
"quantity": 1,
"title": "Sony PMW-F5",
"description": "Sony PMW-F5",
"added": "2018-12-20T11:56:25.603Z"
},
"_id": "5c1b83697130cd0348d1bbd5",
"category": "Camera",
"__v": 0
}