如何在ember 2.0中使用{{#each}}帮助器?

时间:2015-11-03 09:54:51

标签: ember.js

我是新来的。我想使用ember为countries数组创建一个下拉列表。我尝试过以下方法:

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>

你能帮我解决一下吗?

1 个答案:

答案 0 :(得分:0)

你没有从模型钩子返回任何东西。

请尝试使用此方法。

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>