kumkanillam

<canvas id="canvas">Canvas not supported.</canvas>

kumkanillam

import Ember from 'ember';

export default Ember.Component.extend({
  init(){
    this._super(...arguments);    
    console.log('pricing component init ',this.get('adminCount'));    
  },
  didInsertElement(){
    this._super(...arguments);        
  },

kumkanillam

import Ember from 'ember';
import QueryParams from 'ember-parachute';

export const myQueryParams = new QueryParams({
  'qps.housingType': {
    as: 'type',
    defaultValue: 'single',
  },
  'qps.objectType.anotherProp': {
    defaultValue: 'test',

kumkanillam

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
});

kumkanillam

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  actions:{
    keyPressClick(){
      console.log('keyPressClick');
    },
    onClick(){
			console.log('onClick');

kumkanillam

import Ember from 'ember';

export default Ember.Component.extend({
  exampleProperty: 'example value',
 
   init() {
        this._super(...arguments);      
    },

  didInsertElement() {    

kumkanillam

import Ember from 'ember';

export default Ember.Component.extend({
  hasName: Ember.computed.notEmpty('name'),
  actions: {    
    log(message) {
     console.log(message); 
    }
  }
});

kumkanillam

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  //if you use ()=> instead function() : this reference will be surrounding module when you use arrow function.
  result:Ember.computed('model',function(){
    return `${this.get('appName')} ${this.get('model')}`;
  }),
});

kumkanillam

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

kumkanillam

import Ember from 'ember';

export default Ember.Component.extend({
  actions:{
    onSelect(){
      console.log('onSelect in component ');
      this.get('onSelect')();
    }
  }
});