chriskrycho

import Controller from '@ember/controller';
import { computed } from '@ember/object';

export default class ApplicationController extends Controller {
  series;

  @computed('series.length')
  get seriesLength() {
    return this.get('series.length');
  }

chriskrycho

import Controller from '@ember/controller';
import { tracked } from '@glimmer/tracking';

export default class ApplicationController extends Controller {
  @tracked somePojo;
  @tracked timeLeft;

  timeout;
  interval;

chriskrycho

<p>
  the value is: {{@value}}
</p>

chriskrycho

<button {{on "click" @click}}>
CLICK
</button>

chriskrycho

<button {{on "click" @click}}>
CLICK
</button>

chriskrycho

{{yield (hash block='data' data='yields are cool')}}

<div>
  {{yield 'and you can do neat tricks with them'}}
</div>

chriskrycho

<div>
{{@name}} is open: {{if this.isOpen 'true' 'false'}}

<button {{on "click" this.open}}>open</button>
<button {{on "click" this.close}}>close</button>

</div>

chriskrycho

import Controller from '@ember/controller';
import { getOwner } from '@ember/application';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';
  usingFactoryFor;

  constructor() {
    super(...arguments);
    this.usingFactoryFor = getOwner(this).factoryFor('service:my-service').create().neato;

chriskrycho

import Controller from '@ember/controller';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';
}

chriskrycho

import Controller from '@ember/controller';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';
}