Meteor 在模板中显示集合中的项目

Meteor 在模板中显示集合中的项目,meteor,Meteor,下面的代码将在FooterButtons集合中插入一个3对文档,然后这些值将显示为footer模板中3个按钮上的标签 但是当调用“click.menuItem”时,它只在集合中插入“YES”。你知道为什么它是一个经纪人,以及修复它的最佳方法吗?谢谢 服务器和客户端代码 FooterButtons = new Mongo.Collection('footerButtons'); Meteor.subscribe('footerButtons'); //---main_menu.js------

下面的代码将在FooterButtons集合中插入一个3对文档,然后这些值将显示为footer模板中3个按钮上的标签

但是当调用“click.menuItem”时,它只在集合中插入“YES”。你知道为什么它是一个经纪人,以及修复它的最佳方法吗?谢谢

服务器和客户端代码

FooterButtons = new Mongo.Collection('footerButtons');
Meteor.subscribe('footerButtons');

//---main_menu.js--------------------   
Template.mainMenu.events({  
  'click .menuItem': function (event) {  
   FooterButtons.insert({button:"NO", button:"EXTRA", button:"YES"});  
  }
});

//---footer.html---------------
<template name="footer">
{{#each footerButtons}}
<h1>
  <button class="col-xs-4" type="button">{{button}}</button>
</h1>
{{/each}}
</template>

//---footer.js---------------
Template.footer.helpers({
 footerButtons: function(){
  return FooterButtons.find();
 }
});
服务器代码

Meteor.publish('footerButtons', function(){
    return FooterButtons.find();
});
客户端代码

FooterButtons = new Mongo.Collection('footerButtons');
Meteor.subscribe('footerButtons');

//---main_menu.js--------------------   
Template.mainMenu.events({  
  'click .menuItem': function (event) {  
   FooterButtons.insert({button:"NO", button:"EXTRA", button:"YES"});  
  }
});

//---footer.html---------------
<template name="footer">
{{#each footerButtons}}
<h1>
  <button class="col-xs-4" type="button">{{button}}</button>
</h1>
{{/each}}
</template>

//---footer.js---------------
Template.footer.helpers({
 footerButtons: function(){
  return FooterButtons.find();
 }
});
Meteor.subscribe('footerButtons');
//---main_menu.js------------
Template.mainMenu.events({
'click.menuItem':函数(事件){
页脚按钮。插入({按钮:“否”,按钮:“额外”,按钮:“是”});
}
});
//---footer.html---------------
{{{#每个页脚按钮}
{{按钮}
{{/每个}}
//---footer.js---------------
Template.footer.helpers({
页脚按钮:函数(){
返回页脚按钮。查找();
}
});

此命令对于mongo插入是完全错误的

   FooterButtons.insert({button:"NO", button:"EXTRA", button:"YES"});  
如果创建javascript对象

var obj = {button:"NO", button:"EXTRA", button:"YES"}; 
由于所有关键点都是重复的,因此对象只有一个关键点具有最后一个关键点的值:Yes

您需要逐个插入

   FooterButtons.insert({button:"NO"});  
   FooterButtons.insert({button:"EXTRA"});  
   FooterButtons.insert({button:"YES"});