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 } |
Example of working with component focus events.
View Twiddle | Copy Twiddle | View Gist
Original idea of this README taken from @rwjblue
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.Component.extend({ | |
| classNames: ['add_color_box'], | |
| actions: { | |
| addColorBox() { | |
| this.get('addColorBox')(); | |
| } | |
| } | |
| }); |
| 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.Controller.extend({ | |
| appName: 'Ember Twiddle' | |
| }); |
| import Ember from 'ember'; | |
| export default Ember.Controller.extend({ | |
| foo: 'bar', | |
| actions: { | |
| toggleIsOpen() { | |
| this.toggleProperty('isOpen'); | |
| } |
| import Ember from 'ember'; | |
| import userValidations from '../validations/user'; | |
| const { get } = Ember; | |
| export default Ember.Controller.extend({ | |
| appName: 'Ember Twiddle', | |
| init() { | |
| this._super(...arguments); | |
| this.userValidations = userValidations; |
| import Ember from 'ember'; | |
| export default Ember.Controller.extend({ | |
| appName:'Ember Twiddle' | |
| }); |