HenryVonfire

Twiddle with bootstrap

View Twiddle | Copy Twiddle | View Gist

Original idea of this README taken from @rwjblue

HenryVonfire

import Ember from 'ember';

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

HenryVonfire

import Ember from 'ember';

const { Controller } = Ember;

export default Controller.extend({
  init() {
    this._super(...arguments);
    this.cart = [
      { id: 0, name: 'Socks', price: 5 },
      { id: 1, name: 'Shoes', price: 50 }

HenryVonfire

Demo using dynamic attributeBindings to enable auto-attribute bindings without having to know all possible combinations.

Note this is using a simplified version of {{one-way-input}} (part of the ember-one-way-controls addon).

HenryVonfire

import Ember from 'ember';

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

HenryVonfire

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle',
  
  actions:{
    saveMessage(message) {
      console.log("message", message);
    }
  }

HenryVonfire

import Ember from 'ember';

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

HenryVonfire

Example using the triple curly braces to escape values

View Twiddle | Copy Twiddle | View Gist

Original idea of this README taken from @rwjblue

HenryVonfire

Example using ember collection in ember-twiddle.

View Twiddle | Copy Twiddle | View Gist

Original idea of this README taken from @rwjblue

HenryVonfire

Bootstrap dropdown.

View Twiddle | Copy Twiddle | View Gist

Original idea of this README taken from @rwjblue