Example of working with focus and event listeners.
View Twiddle | Copy Twiddle | View Gist
Original idea of this README taken from @rwjblue
import Ember from 'ember'; | |
export default Ember.Controller.extend({ | |
foo: 'bar', | |
actions: { | |
toggleIsOpen() { | |
this.toggleProperty('isOpen'); | |
} |
import Ember from 'ember'; | |
export default Ember.Controller.extend({ | |
appName: 'Ember Twiddle' | |
}); |
export default function makeComputed(objKey) { | |
let keys = Object.keys(get(this, objKey)) | |
.filter((key) => { | |
// choose the keys using some logic | |
}) | |
.map((key) => `${objKey}.${key}`); | |
return computed(...keys, { | |
get() { | |
// do stuff |
import Ember from 'ember'; | |
export default Ember.Component.extend({ | |
classNames: ['add_color_box'], | |
actions: { | |
addColorBox() { | |
this.get('addColorBox')(); | |
} | |
} | |
}); |
Example of working with focus and event listeners.
View Twiddle | Copy Twiddle | View Gist
Original idea of this README taken from @rwjblue
Example of working with component focus events.
View Twiddle | Copy Twiddle | View Gist
Original idea of this README taken from @rwjblue
import Ember from 'ember'; | |
const { Controller } = Ember; | |
export default Controller.extend({ | |
init() { | |
this._super(...arguments); | |
this.cart = [ | |
{ id: 0, name: 'Socks', price: 5 }, | |
{ id: 1, name: 'Shoes', price: 50 } |
Demo using dynamic attributeBindings
to enable auto-attribute bindings without having to know all possible combinations.
Note this is using a simplified version of {{one-way-input}}
(part of the ember-one-way-controls addon).
import Ember from 'ember'; | |
export default Ember.Controller.extend({ | |
appName:'Ember Twiddle' | |
}); |