al3xnag

import Controller from '@ember/controller';
import { inject as service } from '@ember/service';

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

al3xnag

'use strict';

/*
 * Ember-auto-import v2 chunk insertion enhancements.
 *
 * This addon gives you more control over ember-auto-import v2 chunk insertion:
 *   - custom html files to process;
 *   - custom `<script>` transforms when using `insertScriptsAt` slots;
 *
 * HACK: Please note, this addon monkey patches some private ember-auto-import APIs.

al3xnag

import Controller from '@ember/controller';

export default Controller.extend({
  queryParams: ['qp'],
  qp: 'qp_default_value'
});

al3xnag

import Controller from '@ember/controller';
import EmberObject, { action, get, set } from '@ember/object';
import { cached } from '@glimmer/tracking';

export default class ApplicationController extends Controller {
  obj = EmberObject.extend({ someFlag: false }).create();

  // 1. call `setFlag()`
  // -> rendered in template as `false` (not updated)
  get someFlag() {

al3xnag

import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';

export default class extends Component {
  @tracked value;
  @tracked _previousValue;

  constructor(owner, args) {
    super(...arguments);

al3xnag

import Ember from 'ember';
const { computed } = Ember;

export default Ember.Component.extend({
  items: computed(function() {
    return ['a', 'b'];
  })
});

al3xnag

import Controller from '@ember/controller';

export default Controller.extend({
  actions: {
    foo() {
      alert('clicked');
    }
  }
});

al3xnag

<h1>value=\{{""}}</h1>

<input 
  type="radio" 
  value={{""}}
  data-foo={{""}}
  onchange={{action (mut currentValue) value="target.value"}}
>

currentValue: {{currentValue}}

al3xnag

<div id="foo">
  <i>1</i>
  <i>2</i>
    <i>1</i>
  <i>2</i>
    <i>1</i>
  <i>2</i>
    <i>1</i>
  <i>2</i>
    <i>1</i>

al3xnag

import Controller from '@ember/controller';

export default class ApplicationController extends Controller {
}