Skip to content

Instantly share code, notes, and snippets.

import Ember from 'ember';
export default Ember.Component.extend({
actions: {
selectionChanged(value) {
// Returns a function (it should!)
let action = this.get('attrs.onSelectionChanged');
if(action) {
action(value);
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
_membersMaleCount: 1,
membersCount: 5,
membersMaleCount: Ember.computed('_membersMaleCount', {
get() {
return this.get('_membersMaleCount')
},
@zackthehuman
zackthehuman / controllers.application.js
Created August 20, 2016 02:51
Contrived CP example
import Ember from 'ember';
function makeCP(keys, cb) {
keys = keys.map(key => `someObj.${key}`);
const args = [...keys, cb];
return Ember.computed(...args);
}
const someObj = {
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
something: Ember.computed(function() {
let owner = Ember.getOwner(this);
let thing = owner.lookup('object:project');
debugger;
return thing.get('myService').foobar();
})
@zackthehuman
zackthehuman / components.index-component.js
Created September 19, 2016 19:38
When does it render?
import Ember from 'ember';
export default Ember.Component.extend({
didInsertElement() {
console.log('index-component didInsertElement');
}
});
import Ember from 'ember';
export default Ember.Component.extend({
actions: {
hoverIn() {
this.set('hovering', true);
console.log('hoverIn');
},
hoverOut() {
this.set('hovering', false);
import Ember from 'ember';
export default Ember.Component.extend({
name: 'my-component',
announce() {
alert('my-component::announce ' + this.name);
},
floob: {
name: 'floob',
announce() {
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Component.extend({
currentModel: null,
foo: Ember.computed.alias('currentModel'),
actions: {
setSomething() {
this.setProperties({
'foo.share': 'wowzers '
});