ggayowsky

import Ember from 'ember';

export default Ember.Component.extend({
  selectedItem: Ember.computed('valueToShow', function() {
    return this.array.find((element) => element.value === this.valueToShow);
  })
});

ggayowsky

import Ember from 'ember';

export default Ember.Component.extend({
});

ggayowsky

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  prop: Ember.computed('_data.prop.[]', {
    get() {
      return this._data['prop'];
    }
  }),

ggayowsky

import Component from '@ember/component';
import { computed } from '@ember/object';

export default Component.extend({
  prop1: computed({
    get() {
      return 'Initial Prop1 Value';
    },
    set(key, value) {
      console.log('Prop1 setter called');

ggayowsky

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

ggayowsky

import Controller from '@ember/controller';
import { computed, set } from '@ember/object';

export default Controller.extend({
  appName: 'Ember Twiddle',
  
  actions: {
    updateThingName() {
      set(this.thing, 'name', 'C');
    }

ggayowsky

import Ember from 'ember';

export default Ember.Component.extend({
  msgArray: null,
  
  testProp1: Ember.computed({
    set(key, value) {
      const msgArray = this.get('msgArray');
      if (msgArray != null) {
        msgArray.pushObject(