В основном у меня есть два вопроса, которые связаны, но я разделю их числами 1) я пытаюсь загрузить одно поле в раскрывающийся список выбора из коллекции, но он заполняется всеми повторяющимися значениями, которые он собрал из списка под ним, а не его собственный помощник.
<template name="carsList">
{{> categoryFilter}}
<ul class="collection" id="listings">
{{#each cars}}
<li>
{{> carItem}}
</li>
{{/each}}
</ul>
</template>
шаблон категории
<template name="categoryFilter">
<div class="input-field">
<select>
<option value="" disabled selected>Choose your option</option>
{{#each companyCategories}}
{{> companyCategory}}
{{/each}}
</select>
<label>Select Category</label>
</div>
</template>
<template name="companyCategory">
<option>{{ccategory}}</option>
</template>
categoryFilter содержит выпадающий шаблон, для которого я использую вспомогательную функцию ниже.
Template.categoryFilter.helpers({
companyCategories: function(){
return Cars.find();
}
});
вместо того, чтобы заполнять свой собственный помощник, он загружает данные, поступающие из «списков» под ним, и повторяет данные.
Изображение результата в поле выбора
2) Я также хочу отфильтровать списки на основе значения, выбранного в раскрывающемся списке выбора (конечно, реактивный)
Пожалуйста помоги
ИЗМЕНИТЬ
Вот так сейчас выглядит мой шаблон
<template name="categoryFilter">
<div class="input-field">
<select>
<option value="" disabled selected>Choose your option</option>
{{#each companyCategories}}
{{> companyCategory}}
{{/each}}
</select>
<label>Select Category</label>
</div>
</template>
<template name="companyCategory">
<option>{{justCategory}}</option>
</template>