md-select doesn't work for dynamic options

The underlying framework supports this but ember-materialize doesn’t perform the required javascript call when the ‘content’ field on md-select changes.

Workaround: create an observer in your application that calls the necessary javascript function to rebuild the md-select’s ul/li list Eg.

  _selectRefresher: Ember.observer('_fields', function () {
    // ember-materialize does not perform the refresh needed by the Materialize CSS framework
    Ember.run.next(() => {
      Ember.$('select').material_select();
    });
  }),

    {{md-select
      content=_fields
      value=_selectedFieldPriorityId
      optionLabelPath="content.translation"
      optionValuePath="content.key"}}

The fix for this issue is simple. Inside the md-select component this observer should exist so that the application using the addon doesn’t need to do it themselves. I’m under a deadline right now and don’t have time to create a PR but if someone doesn’t get around to this at some point I’ll hopefully have time to make the PR myself. Mainly added this so that people that are having the same problem will know the work around.

[EWhite613]

I ran into this problem as well.

Using the following works like a charm:

export default materializeSelect.extend({
  didRender() {
    this._super(...arguments);
    this.$('select').material_select();
  }
});

@DanLatimer is issue based on adding new options or modifying options? If the later could probably add dependent dynamic keys, explained here

[mitchiru]

@EWhite613 I found the same solution appropriately working.