This is an example of how to set different styles into a template element or binding them to a component.
View Twiddle | Copy Twiddle | View Gist
Original idea of this README taken from @rwjblue
import Ember from 'ember'; | |
export default Ember.Controller.extend({ | |
appName:'Multiple models in a route' | |
}); |
import Ember from 'ember'; | |
export default Ember.Controller.extend({ | |
appName:'Ember Twiddle' | |
}); |
import Ember from 'ember'; | |
import { vocabulary } from '../vocabulary'; | |
export default Ember.Controller.extend({ | |
appName:'Vocabulary', | |
model: vocabulary | |
}); |
import Ember from 'ember'; | |
export default Ember.Controller.extend({ | |
appName:'Easy Select' | |
}); |
import Ember from 'ember'; | |
import { BusListenerMixin } from 'demo-app/services/bus'; | |
export default Ember.Component.extend(BusListenerMixin, { | |
classNames: ['message-listener'], | |
_setup: function() { | |
this.set('messageLog', []); | |
}.on('didInitAttrs'), |
This is an example of how to set different styles into a template element or binding them to a component.
View Twiddle | Copy Twiddle | View Gist
Original idea of this README taken from @rwjblue
import Ember from 'ember'; | |
export default Ember.Controller.extend({ | |
appName:'Access Array Elements with Handlebars', | |
items: [{ | |
name:'item1', | |
value:'x' | |
}, { | |
name:'item2', | |
value:'y' |
import Ember from 'ember'; | |
export default Ember.Controller.extend({ | |
appName:'Closure actions', | |
result: 'without news', | |
actions:{ | |
myAction(){ | |
this.set('result', 'received!'); | |
} | |
} |
export default Ember.Helper.helper(function(params) { | |
const leftValue = params[0]; | |
const comparator = params[1]; | |
const rightValue = params[2]; | |
switch (comparator){ | |
case '=': | |
return leftValue === rightValue; | |
break; | |
case '!=': |
Example of using the same template between two components.
View Twiddle | Copy Twiddle | View Gist
Original idea of this README taken from @rwjblue