ember sorting

controllers.application.js

import Ember from 'ember';

let MODEL = Ember.A([
	Ember.Object.create({value: 1}),
	Ember.Object.create({value: 2}),
	Ember.Object.create({value: 3}),
	Ember.Object.create({value: 4})
]);

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  myModel: MODEL,
  
  sortByEmpty: [],
  sortBy: ['value:desc'],
  
  sortedModelEmpty: Ember.computed.sort('myModel', 'sortByEmpty'),
  sortedModel: Ember.computed.sort('myModel', 'sortBy'),
  
  actions: {
  	removeItem() {
      MODEL.removeAt(MODEL.length - 1);
    },
    addItem() {
      MODEL.addObject(Ember.Object.create({value: MODEL.length + 1}));
    }
  }
});

templates.application.hbs

<h1>computed.sort with []</h1>
<br>
<br>
model: <br />
{{#each myModel as |item|}}{{item.value}},{{/each}}<br /><br />
sort []: <br />
{{#each sortedModelEmpty as |item|}}{{item.value}},{{/each}}<br /><br />
sort ['value:desc']: <br />
{{#each sortedModel as |item|}}{{item.value}},{{/each}}<br /><br />

<br /><br />
<button {{action 'removeItem'}}>remove item</button>
<button {{action 'addItem'}}>add item</button>
<br>

twiddle.json

{
  "version": "0.10.5",
  "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.8.0",
    "ember-data": "2.8.0",
    "ember-template-compiler": "2.8.0",
    "ember-testing": "2.8.0"
  },
  "addons": {}
}