Skip to content

Instantly share code, notes, and snippets.

@tomoguisuru
Created May 11, 2018 19:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tomoguisuru/756837c991e74c507da1d5af161de0bb to your computer and use it in GitHub Desktop.
Save tomoguisuru/756837c991e74c507da1d5af161de0bb to your computer and use it in GitHub Desktop.
Computed with Set
import Ember from 'ember';
const {
computed: { or }
} = Ember;
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
isSunny: false,
isRainy: false,
myComputed: or('isSunny', 'isRainy'),
actions: {
toggleProperty(property) {
const val = this.get(property);
this.set(property, !val);
}
}
});
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
Is Sunny?: {{isSunny}} <button {{action "toggleProperty" "isSunny"}}>Toggle isSunny</button>
<br>
<br>
Is Rainy?: {{isRainy}} <button {{action "toggleProperty" "isRainy"}}>Toggle isRainy</button>
<br>
<br>
Computed Value: {{myComputed}} <button {{action "toggleProperty" "myComputed"}}>Toggle myComputed</button>
<br>
<br>
{
"version": "0.13.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.16.2",
"ember-template-compiler": "2.16.2",
"ember-testing": "2.16.2"
},
"addons": {
"ember-data": "2.16.3"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment