Serabe

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['red'],
  didInsertElement() {
    window.nested = this;
  }
});

Serabe

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  foos: ['hello', 'goodbye', 'maybe'],
  bar: 'maybe'
});

Serabe

import Ember from 'ember';

function logLifeCicle(name) {
  return function() {
    console.log(name, arguments);
  };
}

export default Ember.Component.extend({
  bar: 0,

Serabe

import Ember from 'ember';

export default class MyComponent extends Ember.Component {
  tagName = '';
  
  constructor() {
    super(...arguments);
    
    // Empty string causes runtime error
    // "Assertion Failed: You cannot use `elementId` on a tag-less component"

Serabe

import Ember from 'ember';

export default Ember.Component.extend({
});

Serabe

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  logger: Ember.inject.service(),
  textBoxInDOM: Ember.computed(function()
  {
      let elem = document.getElementById('codeThing');
    	alert((typeof elem));
      return (typeof elem);

Serabe

import Ember from 'ember';

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

Serabe

import Ember from 'ember';

export default Ember.Component.extend({
  init() {
    this._super(...arguments);
    try {
    	this.sendAction('register', this);
    } catch (ex) {}
  }
});

Serabe

import Ember from 'ember';

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

Serabe

import Ember from 'ember';

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