View components.select-list\.js
import Component from "@glimmer/component"; | |
import { tracked } from "@glimmer/tracking"; | |
import { action } from "@ember/object"; | |
class Cell { | |
@tracked value; | |
constructor(key, value) { | |
this.key = key; | |
this.value = value; | |
} |
View controllers.application.js
import Ember from 'ember'; | |
const { ArrayProxy, set } = Ember; | |
const CustomArrayProxy = ArrayProxy.extend({ | |
destroy() { | |
set(this, 'content', []); | |
this._super(...arguments); | |
} | |
}); |
View controllers.application.js
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() { |
View controllers.application.js
import Ember from 'ember'; | |
export default Ember.Controller.extend({ | |
appName: 'Ember Twiddle', | |
length: 6, | |
originalVal: '', | |
arrayVal: Ember.computed('originalVal', function() { | |
const origin = this.get('originalVal').toString(); | |
const len = this.get('length'); | |
let arr = new Array(len); |
View controllers.application.js
import Ember from 'ember'; | |
var fib = function(n){ | |
switch(n){ | |
case 0: return 0; | |
case 1: return 1; | |
default: return fib(n-1) + fib(n-2); | |
} | |
}; |
View components.yielding-comp.js
import Ember from 'ember'; | |
const { computed } = Ember; | |
const { readOnly } = computed; | |
export default Ember.Component.extend({ | |
cost: readOnly('delayedCalculation.cost'), | |
tax: readOnly('delayedCalculation.tax'), | |
// One way to clear up the problem is to use the below CP definitions instead of the readOnly macros | |
// cost: computed('delayedCalculation.cost', function(){ |
View components.foo-bar.js
import Ember from 'ember'; | |
export default Ember.Component.extend({ | |
tagName: '', | |
init() { | |
this.set('tagName', 'div'); | |
this._super(); | |
}, | |
}); |
View components.my-component.js
import Ember from 'ember'; | |
import f from '../templates/components/foo-bar'; | |
import b from '../templates/components/foo-baz'; | |
export default Ember.Component.extend({ | |
init() { | |
this._super(...arguments); | |
if (this.cond) { | |
this.layout = f; | |
} else { |
View application.controller.js
import Ember from 'ember'; | |
export default Ember.Controller.extend({ | |
appName:'Ember Twiddle' | |
}); |
NewerOlder