Skip to content

Instantly share code, notes, and snippets.

@KTKate
Last active August 29, 2015 14:25
Show Gist options
  • Save KTKate/cddf9d50ad881f83912f to your computer and use it in GitHub Desktop.
Save KTKate/cddf9d50ad881f83912f to your computer and use it in GitHub Desktop.
New Twiddle
import Ember from 'ember';
export default Ember.Controller.extend({
});
import Ember from 'ember';
export default Ember.Controller.extend({
queryParams: ['colorValue'],
colorValue: 'light-blue',
color: Ember.computed.alias('model')
});
import Ember from 'ember';
import config from './config/environment';
var Router = Ember.Router.extend({
location: config.locationType
});
Router.map(function() {
this.route('color');
});
export default Router;
import Ember from 'ember';
export default Ember.Route.extend({
model: function(params){
return params.colorValue || "red";
}
});
body {
margin: 12px 16px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12pt;
}
.square{
background-color: lightblue;
color: blue;
height: 135px;
width: 135px;
}
{{#link-to 'color'}}Colorize{{/link-to}}
<div class="square">
<p>it's rendering</p>
<h2>{{colorValue}}</h2>
</div>
{
"version": "0.4.0",
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/1.13.5/ember.js",
"ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/1.13.5/ember-data.js"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment