power-select-selecteditem

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  dashboard : {selectors: [
               {title: 'a', selectorOptions: ['a1', 'a2', 'a3']},
               {title: 'b', selectorOptions: ['b1', 'b2', 'b3']},
               {title: 'c', selectorOptions: ['c1', 'c2', 'c3']}
               
               ]}
  
});

templates.application.hbs

Selecteds:
{{#each dashboard.selectors as |selector|}}
  {{selector.selectedItem}} 
{{/each}}

{{#each dashboard.selectors as |selector|}}
  <div class="column is-12 object-item">
    <div class="card">
      <header class="card-header">
        <p class="card-header-title">
          {{selector.title}}
        </p>
      </header>
      <div class="card-content">
        {{#power-select-multiple
          placeholder="Vision"
          options=selector.selectorOptions
          searchEnabled=false
          selected=selector.selectedItem
          onchange=(action (mut selector.selectedItem)) as |option|}}
          {{option}}
        {{/power-select-multiple}}
      </div>
    </div>
  </div>
{{/each}}

twiddle.json

{
  "version": "0.12.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.12.0",
    "ember-template-compiler": "2.12.0",
    "ember-testing": "2.12.0"
  },
  "addons": {
    "ember-data": "2.12.1",
    "ember-power-select": "1.9.6"
  }
}