Serabe

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  numbers: [{ number: 1 }, { number: 2 }, { number: 3 }].mapBy('number')
});

Serabe

import Ember from 'ember';

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

Serabe

import Ember from 'ember';
const { String: {htmlSafe}} = Ember;
export default Ember.Component.extend({
  attributeBindings: ['ariaLabel'],
  ariaLabel: 'Hello!',
  
  didInsertElement() {
    console.log(this.$()[0].outerHTML);
    Ember.set(this, 'text', htmlSafe(`<pre><code>
${this.$()[0].outerHTML.replace('<', '&lt;')}

Serabe

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  names: ['Sergio', 'Alberto', 'Fran']
});

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({
  tagName: 'button',
  
  click() {
    Ember.get(this, 'log')('a component');
  }
});

Serabe

import Ember from 'ember';

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

Serabe

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  names: ['Sergio', 'Alberto', 'Fran']
});

Serabe

import Ember from 'ember';

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