Skip to content

Instantly share code, notes, and snippets.

import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
import BaseController from './base';
export default BaseController.extend({
appName: 'Ember Twiddle',
barbaz: 'application barbaz',
init() {
this._super(...arguments);
this.get('index')();
}
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
locales: Ember.ArrayProxy.create({ content: Ember.A(['de_DE', 'fr_FR']) }),
someValue: '',
actions: {
addNew() {
console.log('add new');
const locales = this.get('locales');
import Ember from 'ember';
export default Ember.Component.extend({
currentModel: null,
foo: Ember.computed.alias('currentModel'),
actions: {
setSomething() {
this.setProperties({
'foo.share': 'wowzers '
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
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.Component.extend({
actions: {
hoverIn() {
this.set('hovering', true);
console.log('hoverIn');
},
hoverOut() {
this.set('hovering', false);
@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.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 / 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 = {