Meteor Dropdown #each over a collection

Question

I've been around this all day and i can't figure why my each cycle is not working. I'm trying to create a dropdown with some countries.

Helper

Template.register.helpers({
    countries: function(){
        return Country.find({ });
    },
});

View, template register

  <select id="country-select">
    <option disabled="disabled" selected="selected">Please Select</option> 
   {{#each countries}}
        <option value={{ name }}>{{ name }}</option>
    {{/each}}
  </select>

I have records in the country collection

meteor:PRIMARY> db.country.find({ }).count() -> 4

The only options that the dropwdown displays is the placeholder.

I'm using mongol this is a country record

Answer 1

Try this...

 <option disabled selected>Please select</option>
 {{#each countries}}
     <option>{{name}}</option>
 {{/each}}

It works here

Answer 2

"The solution that worked for me is by calling the 'material_select' function after the options data has been loaded.

Template.[name].rendered = function() { this.autorun(function() { var optionsCursor = OptionsList.find().count(); if(optionsCursor > 0){ $('select').material_select(); } }); };"

from https://github.com/Dogfalo/materialize/issues/1469

Answer 3

尝试

return Country.find().fetch()

在帮手

中

由于 希望它有所帮助