Как использовать {{#each}} помощник в ember 2.0?

Question

Я новичок в ember. Я хочу создать раскрывающийся список для массива стран, используя ember. Я пробовал следующее:

App.SignupRoute = Ember.Route.extend({ 
model: function() { 
    countries: { }; 
    var self = this; 
    $.ajax({ 
     url: "View/countries.json", 
     type: "GET", 
     async: false, 
     success: function (data) { 
      self.set("countries",JSON.parse(data)); 
     } 
    }); 
} 
}); 

    <select> 
    {{#each model as |countries|}} 
      <option value={{countries.code}}>{{countries.name}}</option>   
    {{/each}} 
    </select> 

Не могли бы вы помочь мне решить эту проблему?

Answer 1

Вы ничего не возвращаете с крючка модели.

Попробуйте использовать этот подход.

model: function() { 

    var country_promise = $.ajax({ 
     url: "View/countries.json", 
     type: "GET" 
    }); 

    return Ember.RSVP.hash({ 
     countries: country_promise 
    }) 
}); 

HBS

 <select> 
     {{#each model.countries as |country|}} 
       <option value={{country.code}}>{{country.name}}</option>   
     {{/each}} 
     </select>