Skip to content

Instantly share code, notes, and snippets.

import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
const {isEqual} = Ember;
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
propertyName:'isSelected',
actions:{
change(){
this.toggleProperty('model.'+this.get('propertyName'));
},
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
inputData:{'1000': "data from first input", '1001': "data from second input",'1002': "data from third input"},
});
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.Component.extend({
tagName: 'input',
attributeBindings: [ 'type', 'value', 'placeholder', 'data-stripe', 'name' ],
type: 'text',
_sanitizedValue: undefined,
input() { this._handleChangeEvent(); },
change() { this._handleChangeEvent(); },
import Ember from 'ember';
export default Ember.Component.extend({
didReceiveAttrs(){
this._super(...arguments);
console.log('didReceiveAttr');
},
didUpdateAttrs(options){
this._super(...arguments);
if(options.oldAttrs.isSidebarOpen.value !== options.newAttrs.isSidebarOpen) {
import Ember from 'ember';
export default Ember.Component.extend({
didReceiveAttrs(options){
this._super(...arguments);
//this will run both initial render and rerender.
//For initial rendering alone options.oldAttrs will not be available
},
didUpdateAttrs(options){
this._super(...arguments);
import Ember from 'ember';
export default Ember.Component.extend({
tempValue: '',
actions: {
changeValue: function(event) {
event.preventDefault();
let value = event.target.value;
this.set('tempValue', value);
import Ember from 'ember';
const {get,set} = Ember;
export default Ember.Component.extend({
val:'',
actions:{
update(newVal){
let oldVal = get(this, 'val');
console.log('newVal-',newVal+' oldVal-',oldVal);
if(!newVal.includes('C')) {
set(this, 'val', newVal);
@kumkanillam
kumkanillam / adapters.application.js
Last active August 21, 2016 15:02 — forked from 0dp/adapters.application.js
How to change a component based on route or handlebars condition
import DS from 'ember-data';
export default DS.RESTAdapter.extend({
});