elwayman02

import Component from '@glimmer/component';

export default class extends Component {
  isIndeterminate = true;
  
  toggleChildCheckbox(foo) {
    this.toggleCheckbox(foo)
  }
}

elwayman02

import Ember from 'ember';

export default Ember.Component.extend({
  init() {
    this._super();
    this.set('bar', {});
    this.set('keys', Object.keys(Ember.get(this, 'bar')));
  },
  
  actions: {

elwayman02

import Ember from 'ember';

export default Ember.Component.extend({
  init() {
    this._super();
    this.set('bar', { foo: 'stuff' });
  },
  
  actions: {
    foo() {

elwayman02

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle',
  toggle: false,
  
  actions: {
  	nextVideo() {
  		this.toggleProperty('toggle');
    }

elwayman02

• Data Down / Actions Up

  • http://emberjs.jsbin.com/nayaho/edit?html,js - Interdependent select boxes. No observers.
  • http://ember-twiddle.com/2d7246875098d0dbb4a4 - One Way Input

• Other

  • http://emberjs.jsbin.com/rwjblue/251/edit?html,js,output - Opening a window and communicate with it.
  • http://emberjs.jsbin.com/rwjblue/55/edit - Using liquid-fire animations in globals mode.
  • http://emberjs.jsbin.com/rwjblue/593/edit - Modify computed dependent keys after initialization.
  • http://emberjs.jsbin.com/siforo/edit?js,output - Define computed property after object initialization.

• http://emberjs.jsbin.com/rwjblue/299/edit?js,output - simplified version of ic-ajax

elwayman02

Converting libraries to Ember CLI addons

In this guide we will cover two main cases:

• Ember specific library
• vendor library

Ember library

The Ember library will assume that Ember has already ben loaded (higher in the loading order) and thus will assume it has access to the Ember API.