Skip to content

Instantly share code, notes, and snippets.

View feanor07's full-sized avatar

Alptug Dilek feanor07

  • Tekmetric
  • Ankara
View GitHub Profile
@feanor07
feanor07 / components.child-component.js
Created May 13, 2016 14:42
ember init two-way-binding broken
import Ember from 'ember';
export default Ember.Component.extend({
init() {
this._super(...arguments);
if (this.get('name') === undefined) {
this.set('name', 'tom');
}
}
@feanor07
feanor07 / components.child-component.js
Last active May 13, 2016 16:03
ember init two-way-binding works as expected
import Ember from 'ember';
export default Ember.Component.extend({
didReceiveAttrs() {
this._super(...arguments);
if (this.get('name') === undefined) {
this.set('name', 'tom');
}
}
@feanor07
feanor07 / components.child-component.js
Last active August 14, 2016 20:28
StackOverflow Question: 37213204
import Ember from 'ember';
export default Ember.Component.extend({
didReceiveAttrs() {
this._super(...arguments);
if (this.get('name') === undefined) {
this.set('name', 'tom');
}
}
@feanor07
feanor07 / components.x-option.js
Last active August 14, 2016 20:26 — forked from FrontlineOscar/components.x-option.js
StackOverflow Answer: 37592666
import Ember from 'ember';
import XSelectComponent from './x-select';
var isArray = Ember.isArray;
/**
* Used to wrap a native `<option>` tag and associate an object with
* it that can be bound. It can only be used in conjuction with a
* containing `x-select` component
*
@feanor07
feanor07 / components.my-component.js
Last active August 14, 2016 20:27 — forked from e00dan/components.my-component.js
StackOverflow Answer: 37618621
import Ember from 'ember';
export default Ember.Component.extend({
classNames: ['cursor-pointer'],
clickListener: Ember.on('click', function(){
let doSth = this.get('doSth');
if (doSth) {
console.log('Click listener is about to trigger action');
@feanor07
feanor07 / components.my-component.js
Last active August 15, 2016 05:31 — forked from kumkanillam/controllers.application.js
StackOverflow Answer: 38940408
import Ember from 'ember';
export default Ember.Component.extend({
actions:{
changeAppAtComponent(){
this.set('appName','Kumkanillam');
}
}
});
@feanor07
feanor07 / components.my-component.js
Last active August 15, 2016 06:42
StackOverflow Answer: 38940408 v2
import Ember from 'ember';
export default Ember.Component.extend({
actions:{
changeAppAtComponent(){
this.set('appName','Kumkanillam');
}
}
});
@feanor07
feanor07 / controllers.application.js
Last active November 23, 2016 21:47
Stackoverflow Answer : 40769051
import Ember from 'ember';
import EmberValidations from 'ember-validations';
export default Ember.Controller.extend(EmberValidations,{
appName: 'Ember Twiddle',
user: {name: 'Jack'},
validationActive: false,
validations: {
'user.name': {
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Component.extend({
name2: 'Micheal',
actions: {
name2DidChange: function() {
let value = this.$('#html_input').val();
this.set('name2', value);
}
}