Skip to content

Instantly share code, notes, and snippets.

@siva-sundar
siva-sundar / components.my-component.js
Created December 28, 2016 07:10
Init, Sync, didinsertelement
import Ember from 'ember';
export default Ember.Component.extend({
didInsertElement() {
this._super(...arguments);
this.set('name', Math.random());
console.log('didInsertElement');
},
init(){
this._super(...arguments);
@siva-sundar
siva-sundar / components.my-component.js
Created December 28, 2016 07:10
Init, Sync, didinsertelement
import Ember from 'ember';
export default Ember.Component.extend({
didInsertElement() {
this._super(...arguments);
this.set('name', Math.random());
console.log('didInsertElement');
},
init(){
this._super(...arguments);
import Ember from 'ember';
export default Ember.Component.extend({
obs: Ember.Obeserve('parentView.{one,two}', function() {
console.log('hai');
}),
actions: {
increment(prop) {
this.get('parentView').incrementProperty(prop);
}
@siva-sundar
siva-sundar / components.my-component.js
Created December 7, 2016 12:03
arrayDidChange---need to be completed
import Ember from 'ember';
export default Ember.Component.extend({
content: [],
value: '',
didUpdateAttrs(oldAttrs, newAttrs) {
this._super(...arguments);
let oldValue = (oldAttrs.value || {}).value;
let newValue = (newAttrs.value || {}).value;
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@siva-sundar
siva-sundar / components.my-component.js
Created November 5, 2016 10:34
Observe multiple properties
import Ember from 'ember';
export default Ember.Component.extend({
fun: Ember.observer('one', 'two', function() {
console.log('done');
}),
init() {
this._super(...arguments);
Ember.run.later(() => {
this.setProperties({ one: new Date(), two: new Date() });
import Ember from 'ember';
export default Ember.TextField.extend({
number: '',
input(event) {
let value = event.target.value;
this.set('number', value.replace(/,/g, ''));
},
focusOut(event) {
let value = event.target.value.replace(/,/g, '');
import Ember from 'ember';
export default Ember.Component.extend({
init() { this._super(...arguments); console.log('init'); },
click() {
console.log(this.get('value'));
}
});