siva-sundar

import Ember from 'ember';

export default Ember.Component.extend({
  appleObserver: Ember.observer('apple', function () {
    console.log('component - observer');
  }),
	didUpdateAttrs() {
		this._super(...arguments);
		console.log('didUpdateAttrs');
  },

siva-sundar

import Ember from 'ember';
import SpreadMixin from 'ember-spread'
export default Ember.Component.extend(SpreadMixin, {
	didUpdateAttrs() {
		this._super(...arguments);
		console.log('changed');
  },
	actions: {
		updateFromComponent() {
			this.set('options.a', `Component - ${Math.random()}`);

siva-sundar

import Ember from 'ember';

export default Ember.Component.extend({
	didInsertElement() {
		this._super(...arguments);

		this.set('dynamicElement', $('#elevation')[0]);
  }
});

siva-sundar

import Ember from 'ember';

export default Ember.Component.extend({
	classNames: ['draggable'],
	attributeBindings: ['draggable'],
	draggable: true,
	didInsertElement() {
		this._super(...arguments);
    document.addEventListener('mouseover', (event) => {
				console.log(event);

siva-sundar

import Ember from 'ember';

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

siva-sundar

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
	queryParams: ['page', 'per_page']
});

siva-sundar

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
	//contact: {},
	actions: {
		contactNameDidChange() {
			console.log(this.contact);
    }
  }

siva-sundar

import Ember from 'ember';
const { on } = Ember;
export default Ember.Component.extend({
	destroy: on('willDestroyElement', function () {
		this.$().remove();
  })
});

siva-sundar

li {  
  list-style-image: url("javascript:alert('XSS')");
}

siva-sundar

import Ember from 'ember';

export default Ember.Component.extend({
  didInsertElement() {
    this._super(...arguments);
		this.set('name', Math.random());
		console.log('didInsertElement');
  },
  init(){
    this._super(...arguments);