Selected wait for Promise

Great plugin but I am having an issue that I cannot figure how to solve. I have a dropdown that is returning a promise so when the page loads, the selected option is not getting set because the promise has not been fulfilled yet

// Route

  model(params) {
    return this.store.findRecord('employee', params.employee_id);
  },

  setupController(controller, model) {
    this._super(controller, model);

    controller.set('setAction', 'saveEmployee');
    controller.set('providerList', this.store.findAll('provider'));
  },

  renderTemplate() {
    this.render('admin/employeeform');
  },

  actions: {
    saveEmployee(saveEmployee) {

      saveEmployee.save().then(() => this.transitionTo('admin.employees'));
    }
  }

// Template

    {{#power-select
      selected=model.provider.content
      options=providerList
      onchange=(action (mut model.provider))
      as |provider|}}
        {{provider.name}}
      {{/power-select}}

// Model

export default DS.Model.extend({
  name: DS.attr('string'),
  phone: DS.attr('string'),
  email: DS.attr('string'),
  notes: DS.attr('string'),
  provider: DS.belongsTo('provider')
});

When the page loads and I click the dropdown, I can see the options. What is not working is on page load, the provider is not being selected. Thoughts?

[cibernox]

I think I’ve fixed this in just now. Check the latest beta and let me know.

[cibernox]

Pull request