Meteor创建动态复选框

Question

所以我想基于“timesPerWeek”值创建一定数量的复选框。我遇到的问题是，当我尝试创建元素时，我无法读取null的属性“createElement”。很确定这是因为JS呈现在HTML之前，但我无法弄清楚需要做什么才能使它能够调用我的函数来创建复选框。此代码目前不依赖于timesPerweek，因为我只是想先显示一个复选框。

JS

'pie':function()
    {
    var progress = document.getElementById('progress');

        var stuff= progress.createElement('input');
        //var stuff = progress.createElement('input');
        stuff.type = "checkbox";
        stuff.name = "1";
        stuff.value = "set1";
        stuff.id = "stuff";

        var label = progress.createElement('label');
        label.htmlFor = "stuff";
        label.appendChild(document.createTextNode('pie'));

        progress.appendChild(stuff);
        progress.appendChild(label);

    }

HTML

<div id="progress" class = "col-md-4">
                progress: {{timesPerWeek}}

                <br/>

                {{pie}}


                </div>

我应该能够创建正在进行的元素，但它会因上述错误而死亡。

Answer 1

在Meteor中执行此操作的正确方法是使用#each helper：

<div id="progress">
  {{#each timesPerWeek}}
    <input type="checkbox" name="checkbox{{@index}}">
  {{/each}}
</div>

这应该会显示几个复选框。