Skip to content

Instantly share code, notes, and snippets.

@rayners
Last active November 1, 2017 23:38
Show Gist options
  • Save rayners/e78f389190785d716e3ad24e2b5c9aad to your computer and use it in GitHub Desktop.
Save rayners/e78f389190785d716e3ad24e2b5c9aad to your computer and use it in GitHub Desktop.
Ember.defineProperty
import Ember from 'ember';
const WEEK_DAY_NAMES = [
'Sunday', 'Monday',
'Tuesday', 'Wednesday',
'Thursday', 'Friday',
'Saturday'
];
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
init() {
this._super(arguments);
WEEK_DAY_NAMES.forEach(day => {
Ember.defineProperty(
this,
`${day}-defineProperty`,
Ember.computed(function() {
return `${day} defined value`;
}));
});
},
...(WEEK_DAY_NAMES.reduce((acc, day) => {
acc[day] = Ember.computed(function() {
return `${day} other value`;
});
return acc;
}, {}))
});
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<br>
<br>
<ul>
<li>{{ Monday }}</li>
<li>{{ Monday-defineProperty }}</li>
<li>{{ Tuesday }}</li>
<li>{{ Wednesday }}</li>
<li>{{ Thursday }}</li>
<li>{{ Friday }}</li>
<li>{{ Saturday-defineProperty }}</li>
</ul>
{
"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"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment