Как правильно управлять экземпляром шаблона в среде Meteor?
Я новичок в Метеоре, и мне интересно, как решить то, что мне кажется, является общей проблемой.
Позволять'Скажем, у меня есть шаблон списка ресторанов руля:
{{#each Restaurant}}
{{name}}
{{/each}}
Теперь, когда пользователь нажимает на шаблон ресторана, я хочу отобразить меню для этого ресторана.
Я добавил подшаблон с именем "Пункты меню" который содержит все пункты меню для данного ресторана:
{{#each Restaurant}}
{{name}}
{{> menuItems}}
{{/each}}
Я хочу отобразить только один экземпляр подэлемента menuItems, когда пользователь щелкает в любом месте шаблона Restaurant (отображать только элементы меню для выбранного ресторана).
Это должно пойти что-то вроде:
Template.Restaurants.events({
'click' : function (e) {
// This is where I need help - what's the right way to display only one subtemplate instance?
}
});
Мой вопрос - как я могу выбрать и отобразить только правильный экземпляр шаблона menuItems?
Также я хотел бы размещать экземпляр шаблона menuItems в DOM только после щелчка, а не до этого (наличие всех пунктов меню для всех ресторанов и только скрытие этих элементов не подходит из-за большого количества этих элементов в БД).
Если вы думаете, что я должен подойти к решению другим способом, пожалуйста, дайте мне знать, спасибо!