javascript - 循环遍历数组并使用 Meteor 添加到集合中

Question

我有一个动态表单，您可以在其中添加输入字段:

Template.decisionSetUp.events({
 'click #addInput':function() {
    event.preventDefault();
    $('.categoryContainer').append('<input type="text" name="categoryName"  class="form-control categoryTitle" placeholder="Kategorien">')
 }
});

现在我想获取输入字段的值并将它们插入集合内的数组中。问题是我不知道如何正确填充数组？!我错过了什么？？？

Template.decisionSetUp.events({
    'click #start':function(event,t){
      event.preventDefault();
      $('.categoryTitle').each(function() { 
        var title = $(this).val();
        categoryTitle[] = title;
      }); 
Questions.insert({
    category: categoryTitle,
});

之后我将其发送到 DOM。

Template.decision.helpers({
    category: function(){
      return this.category;
    }
  })

HTML

  <template name="decision">
        {{#each category}}
            {{this}}
        {{/each}}  
  </template>

如果您能帮助我，那就太好了!

Answer 1

您没有将值添加到 categoryTitles 数组中。

这应该可以解决您的问题:

Template.decisionSetUp.events({
    'click #start': function(event, t) {
        event.preventDefault();
        var categoryTitles = [];
        $('.categoryTitle').each(function(index) {
            var title = $(this).val();
            categoryTitles[index] = title;
        });
        Questions.insert({
            category: categoryTitles
        });
    }
});

这是一个MeteorPad .

<小时/>

此外，我注意到您的 #addInput 事件处理程序缺少 event 参数。