/app/controllers/state-matches.js

state-matches.js

import Ember from 'ember';

export default Ember.Controller.extend({
  matchingStates: [],

  states: Ember.inject.service('states'),

  actions: {
    updateMatches(query) {
      if (Ember.isPresent(query)) {
        this.get('model.states').then((modelStates) => {
          this.get('states').then((states) => {
            const remaining = states.filter((state) => {
              return !modelStates.contains(state);
            });
            this.set('matchingStates', remaining.filter((state) => {
              return  state.get('code').match(new RegExp(`^${query}`, 'i')) ||
                      state.get('name').match(new RegExp(`^${query}`, 'i'));
            }));
          });
        });
      } else {
        this.set('matchingStates', []);
      }
    }
  }
});