流星JS渲染和DOM更新

Question

我是MeteorJS的新手，我似乎无法绕开它。 或者远离Jquery的思考。

但是无论如何。

我有一个游戏集合，其中列出了很多游戏，这很好。

在游戏集合中，我有10个单元的阵列

  cells = [0,0,0,0,0,0,0,0,0,0,0];

我在模板中渲染单元格

  <template name='cells'>
    {{#each cells}}
       <span class='cell'>{{this}}</span> -
    {{/each}}
  </template>

这按预期方式呈现

   0 - 0 - 0 - 0 - 0 - 0 - 0 - 0 - 0 - 0

但是...。现在，我希望用户可以单击单元格并将其值更改为2。

我知道如何使用模板助手和一些jQuery用于类更新的方法。

但是我如何才能将其实际反映在服务器/另一页上呢？？？

我有这个...

  Template.cell.events({
    'click .cell':function(evt, template){
         //Update the cell in the game collection.
         //  So [0,0,0,0,2,0,0,0,0,0] for example.
        $(evt.currentTarget).addClass('newUpdate').html(2);

    };
  });

但是我希望这能成为现实。 这样，当一个人更改它时，将应用该类，并且除一个Im处理之外，所有页面上的html和color都会更新。

就像我如何直接更改模型，并让dom自动在所有客户端上应用适当的类，什么不对？

Answer 1

您应该在点击事件中更新您的收藏集。 像这样

MyCollection.update({_id:idOfYourcollection}:{$set:{nameOfFieldtochance: newvalue}})

魔术，您的应用程序现已上线。