averydev

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  on:false,
  simpleOn:false,
  actions:{
    click(){
      console.log("Click!");
    },

averydev

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'button',
  click(evt) {
  	console.log('x-button click', evt); // will be torn down
    this.sendAction();
  }
});

averydev

import Ember from 'ember';

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

averydev

// In your route...
import Route from '@ember/routing/route';
import { task } from 'ember-concurrency';
export default Route.extend({
  model: function (){
    return {
      blog: this.get('blogTask').perform()
    };
  },
  blogTask: task(function *(){

averydev

// routes/blog/comments.js
model: function (params){
  return {
    comments: this.get('commentsTask').perform()
  };
},
commentsTask: task(function *(){
  let blog = yield this.modelFor('blog').blogTask;
  let comments = yield blog.get('comments');
  return comments;

averydev

//In your route
import Route from '@ember/routing/route';
import { task } from 'ember-concurrency';
export default Route.extend({
  model: function (params){
    return {
      blog: this.get('blogTask').perform(params.blog_id)};
  },
  blog: task(function *(blogId){
    let blog = yield this.get('store').findRecord('blog', blogId );

averydev

commentsTask: task(function *(){
  let blog = yield this.modelFor('blog').blogTask;
  let comments = yield blog.get('comments');
  return comments;
}).cancelOn('deactivate')

averydev

import Ember from 'ember';

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

averydev

averydev

export default () => {
  let foo = [1,2,3]
  let output = foo.map( f => `.rule-${f}: { border-width:${f}px;});
  return output;
}

/** Result
* [".rule-1: { border-width: 1px };",
*  ".rule-2: { border-width: 2px };"
*  ".rule-3: { border-width: 1px };"]