Meteor 0.8 Blaze: добавление реактивного шаблона в DOM?

Question

В моем приложении мне нужно отобразить неупорядоченный список, созданный из шаблона метеор, и каждый элемент списка должен иметь возможность отображать подсписку, отображенную из одного и того же шаблона, если щелкнуть, и новые добавленные списки должны будут иметь возможность дополнительно показать новые подсписки.

Оригинальный список, и подсписки представлены в Монго, как это:

{ person:"Tom", friendIds: [ id1, id2, id3] } 

мне нужны элементы списка к югу, чтобы быть реактивными, так что если данные список подпункты в родительском Монго документа изменяется, то Подсчет отображает изменение.

Я пытался использовать

UI.insert(UI.renderWithData(...)) 

, который отлично работает на начальной вставки, но не реагирует. Я также пробовал несколько других шаблонов, которые я нашел на форумах, но пока никто не работает.

Каков рекомендуемый нами подход к решению этой проблемы в 0,8 и более? Я планирую углубиться в механизм Deps, чтобы попытаться заставить его работать, но я волнуюсь, если я откажусь от своего собственного решения, я буду отклоняться от пути Метеор.

Answer 1

Я предполагаю, что это сообщение https://groups.google.com/forum/#!topic/meteor-talk/zUG9EVo3rpQ.

Я не вижу никакой причины использовать здесь API UI.insert. Вы просто должны это делать в обычном шаблоне:

{{#each list}} 
    <span>Name: {{person}}</span> 

    {{#if expanded}} 
    {{#each friendIds}} 
     {{> someOtherTemplate}} 
    {{/each}} 
    {{else}} 
    <a class="expand">Show friends</a> 
    {{/if}} 
{{/each}} 

С помощникам, как это:

Template.foo.expanded = function() { return Session.equals("openedList", this._id); } 

Template.foo.events({ 
    "click .expand": function(e) { 
    e.preventDefault(); 
    Session.set("openedList", this._id); 
    }; 
});