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