Meteor JS渲染和DOM更新

Meteor JS render and DOM update

本文关键字：DOM 更新 JS Meteor      更新时间：2023-09-26

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

但无论如何。

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

在游戏集合中，我有一个由 10 个单元格组成的数组

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

Im 在模板中呈现单元格

  <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);
    };
  });

但我希望这是现场直播。 因此，当一个人更改它时，该类将被应用，并且除了我处理的页面之外，所有页面上的html和颜色都会更新。

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

应用？

您应该在点击事件时更新您的集合。喜欢这个 

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

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

相关文章：