Skip to content

Instantly share code, notes, and snippets.

@kimek
Last active March 23, 2018 08:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kimek/2880eabff35ab1cf58baa537ac20dd44 to your computer and use it in GitHub Desktop.
Save kimek/2880eabff35ab1cf58baa537ac20dd44 to your computer and use it in GitHub Desktop.
Checkbox manual select, after that dynamic deselect issue
import Ember from 'ember';
export default Ember.Component.extend({
isChecked: Ember.computed('parentIsChecked',function() {
return this.get('parentIsChecked');
}),
});
import Ember from 'ember';
export default Ember.Component.extend({
service: Ember.inject.service('my-service'),
isChecked: Ember.computed('service.watch',function() {
return this.get('service.x');
}),
text: Ember.computed('service.watch',function() {
return this.get('service.text');
}),
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Service.extend({
x: 'checked',
text:'text',
watch:'',
isAdmin:'',
});
<h1>Welcome to {{appName}}</h1>
Click button 1, click button 2, select last checkbox, click button 2
<br><br>
{{outlet}}
<br>
<br>
{{my-component}}
<br><br>
{{my-links}}
Component child helper input: {{input type="checkbox" name="isAdmin" checked=parentIsChecked}}
{{yield}}
<b>Parent component:</b><br><br>
Normal input: <input type=checkbox checked={{isChecked}}>{{text}}
<br><br>
Helper input: {{input type="checkbox" name="isAdmin" checked=service.isAdmin}}
<br><br><br>
<b>Child component:</b>
<br><br>
{{my-child parentIsChecked=isChecked}}
{
"version": "0.13.0",
"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.16.2",
"ember-template-compiler": "2.16.2",
"ember-testing": "2.16.2"
},
"addons": {
"ember-data": "2.16.3"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment