ryanlabouve

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
    let data = {
      name: 'yey!'	
    };
    
    let resolved = Ember.RSVP.resolve(data);
    // It's a promise!, but in the template it will be a POJO

ryanlabouve

import Ember from 'ember';

export default Ember.Controller.extend({
  actions: {
    myCapitalize(val) {
      console.log('mutating ', val);
      return Ember.String.capitalize(val);
    },

   mutFirstName(val) {

ryanlabouve

import Ember from 'ember';

export default Ember.Component.extend({
  init() {
    this._super(...arguments);
    this.auditLog = [];
  },

  actions: {
    addToAuditLog(field, value) {

ryanlabouve

import Ember from 'ember';

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

ryanlabouve

import Ember from 'ember';

export default Ember.Controller.extend();

ryanlabouve

import Ember from 'ember';

export default Ember.Controller.extend({
  lights: false,

  actions: {
    toggleLightsOnOff() {
      this.toggleProperty('lights');  
    }
  }

ryanlabouve

import Ember from 'ember';

export default Ember.Controller.extend({
  actions: {
    firstAction() {
      console.log(...arguments);
      console.log('first action');
    },
    secondAction() {
      console.log(...arguments);

ryanlabouve

import Ember from 'ember';

export default Ember.Controller.extend({
  actions: {
    getCheckboxValue(val) {
      console.log(...arguments);
      console.log(val);
    },
    
    getInputValue(val) {

ryanlabouve

import Ember from 'ember';

export default Ember.Controller.extend({
  actions: {
    firstAction() {
      console.log(arguments.length)
      console.log(typeof arguments[0]);
      console.log(...arguments);
    }
  }

ryanlabouve

Howdy!

We are going to work through some component challenges today with Ember.

This is intended to be fun! I'm not wanting to judge your progress each step of the way or see how far you get... just want to have fun building a component with you and see your process/workflow!

• Option 1: Ember-Powerful-Selector

Build a minimal ripoff of ember power select!