meteor :使用 mongo 集合中的对象填充表单选择

Question

我正在尝试制作一个包含选择下拉菜单的表单的页面。我希望选择选项来自集合，而不是在 HTML 中手动键入它们。到目前为止没有运气。这是我的代码:

html:

<template name="addPage">
    <div id="addForm">
        <form>
            <ul>
                <li>
                    <label>Select a genre:</label>
                    <select id = "genreList">
                        {{#each genres}}
                            {{> genre}}
                        {{/each}}
                    </select>
                </li>
                <li><input type="submit" value="Submit"></li>
            </ul>
        </form>
    </div>
</template>

<template name="genre">
    <option value="{{genre}}">{{genre}}</option>
</template>

js:(使用 mongodb-aggregation 进行不同的调用)

Template.addPage.genres = function () {

  Activities.distinct("genre", function(error, result){

    var returnArray = new Array();

    for(var i in result) {
      returnArray[i] = { 'genre': result[i] };
    }

    return returnArray;
  });
}

使用此代码，选择下拉表单为空。我尝试做的事情可行吗？

附言。我想也许函数 Template.addPage.genres 在数组被填充之前返回了......

谢谢!

Answer 1

我通过使用呈现的回调解决了这个问题:

Template.addPage.rendered = function() {
  Activities.distinct("genre", function(error, result){        
    result.sort();
    var genreList = document.getElementById('genreList');
    for(var i in result){
      var option=document.createElement("option");
      option.text=result[i];
      genreList.add(option, null);
    }
  });
}