Skip to content

Instantly share code, notes, and snippets.

View pixelhandler's full-sized avatar
🍊
Working remotely

Bill Heaton pixelhandler

🍊
Working remotely
View GitHub Profile
@pixelhandler
pixelhandler / controllers.application.js
Created October 26, 2018 22:21 — forked from gabrielgrant/controllers.application.js
MVCE for emberjs/emberjs#15059
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import { computed, defineProperty } from '@ember/object';
import { later } from '@ember/runloop';
export default Ember.Controller.extend({
init() {
later(() => {
defineProperty(this, 'delayedProperty', computed(() => 'foo'));
this.notifyPropertyChange('delayedProperty');
}, 2000);
},
import Ember from 'ember';
import { computed, get } from '@ember/object';
export default Ember.Component.extend({
baz: computed('foo', {
get() {
alert(get(this, 'foo'));
}
})
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
count: 4,
rawCount: 4,
actions: {
update(value) {
if (value > 999) {
this.set('count', 999);
@pixelhandler
pixelhandler / controllers.application.js
Created October 12, 2018 18:17 — forked from RossValler/controllers.application.js
#14984 Link-to Model not Working
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
// Broken on 2.10.2
// Works as expected on 2.9.1
@pixelhandler
pixelhandler / controllers.application.js
Last active October 12, 2018 17:06 — forked from dwickern/controllers.application.js
#15545 Ember.cacheFor + aliased property
import Ember from 'ember';
export default Ember.Controller.extend({
appName: '#15545',
aliased: Ember.computed.alias('appName'),
init() {
this._super(...arguments);
console.log('before:', this.cacheFor('aliased'));
console.log('get:', this.get('aliased'));
@pixelhandler
pixelhandler / controllers.application.js
Last active October 12, 2018 16:48 — forked from mjuniper/controllers.application.js
Error route model with reject from model hook
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'https://github.com/emberjs/ember.js/issues/15842'
});
import Ember from 'ember';
export default Ember.Component.extend({
// Comment out below to work around
target: 'body',
actions: {
buttonClick() {
this.sendAction('onClick');
}
import Ember from 'ember';
const values = [
0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100
];
export default Ember.Controller.extend({
sliderIndex: 1,
values: Ember.computed('sliderIndex', function() {
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});