Skip to content

Instantly share code, notes, and snippets.

@nishanmiranda
Forked from mbratukha/components.comp-1.js
Last active October 28, 2015 12:35
Show Gist options
  • Save nishanmiranda/8ea04b983a895fccfd98 to your computer and use it in GitHub Desktop.
Save nishanmiranda/8ea04b983a895fccfd98 to your computer and use it in GitHub Desktop.
toggleProperty bug?
import Ember from 'ember';
export default Ember.Component.extend({
prop1: false,
hello: "Default text of comp-1",
valueDidChange: Ember.computed('hello', function() {
return this.get('errorGame');
}),
valueWillChange: Ember.on('didInsertElement', function() {
this.toggleProperty('prop1');
console.log(this.get('hello'));
}),
_changeHello: function() {
this.set('hello', 'Text set by comp-1');
this.set('errorGame', false);
}.on("init"),
actions: {
fistAction() {
this.set('hello', 'Text set by comp-4');
},
customAction1() {
this.toggleProperty('prop1');
}
}
});
import Ember from 'ember';
export default Ember.Component.extend({
data: [],
errorGame: 'yaar',
_doSomeImportentStuff: function() {
var data = [
{name: 'Text set by comp-2', bool: false},
{name: 'Text set by comp-2', bool: true}
];
this.set('data', data);
}.on("init")
});
import Ember from 'ember';
export default Ember.Controller.extend({
});
import Ember from 'ember';
import config from './config/environment';
var Router = Ember.Router.extend({
location: config.locationType
});
Router.map(function() {
this.route('check');
});
export default Router;
import Ember from 'ember';
export default Ember.Route.extend({
model(params) {
console.log(params);
}
});
<button {{action 'customAction1'}}>{{hello}}</button>
{{#link-to 'check'}}DAre!!!
{{/link-to}}
{{outlet}}
{{errorGame}}
<br>
<button {{action 'fistAction'}}>For fun</button>
<br>
{{valueDidChange}}
{{#each data as |d|}}
{{comp-1 hello=d.name prop1=d.bool errorGame=errorGame}}
{{/each}}
{
"version": "0.4.9",
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js",
"ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.0.1/ember.js",
"ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.0.0/ember-data.js",
"ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.0.0/ember-template-compiler.js"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment