Skip to content

Instantly share code, notes, and snippets.

@zackthehuman
Created July 29, 2016 06:04
Show Gist options
  • Save zackthehuman/ba83c0d178bf8ddd8a14f94d6b71d50c to your computer and use it in GitHub Desktop.
Save zackthehuman/ba83c0d178bf8ddd8a14f94d6b71d50c to your computer and use it in GitHub Desktop.
New Twiddle
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
_membersMaleCount: 1,
membersCount: 5,
membersMaleCount: Ember.computed('_membersMaleCount', {
get() {
return this.get('_membersMaleCount')
},
set(key, value) {
let total = this.get('membersCount')
if(value < 0) {
value = 0
} else if(value > total) {
value = total
}
this.set('_membersMaleCount', value)
return value
}
}),
});
import Ember from 'ember';
export default Ember.Route.extend({
model() {
return {
membersCount: 5,
membersMaleCount: 1
};
}
});
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
{{input type="number" max=model.membersCount
min="0" step="1"
value=membersMaleCount
class="form-control form_gender"}}
{{membersMaleCount}}
{{appName}}
<br>
<br>
{
"version": "0.10.2",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "2.7.0",
"ember-data": "2.7.0",
"ember-template-compiler": "2.7.0"
},
"addons": {}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment