Skip to content

Instantly share code, notes, and snippets.

View nightire's full-sized avatar
Looking for new opportunities

余凡 nightire

Looking for new opportunities
View GitHub Profile
@nightire
nightire / controllers.application.js
Created December 12, 2017 12:46
Primitive value set only change once
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Welcome Ember',
test1: 'primitive',
test2: {
value: null
},
@nightire
nightire / controllers.application.js
Created September 25, 2017 06:18
Hold state from context switching
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@nightire
nightire / components.super-hero.js
Last active September 8, 2017 19:09
Changeset Playground
import Component from 'ember-component'
import Changeset from 'ember-changeset'
export default Component.extend({
init() {
this._super(...arguments);
this.changeset = new Changeset(this.hero, this.validator)
console.dir(this.changeset)
},
@nightire
nightire / controllers.application.js
Created July 7, 2017 10:06
v2.15.0-beta.1 helper bug
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
lValue: 0.2,
rValue: 0.3
});
@nightire
nightire / components.my-component.js
Last active June 17, 2017 12:22
Conditional Classname
import Component from 'ember-component';
import computed from 'ember-computed';
import get from 'ember-metal/get';
export default Component.extend({
classNameBindings: ['mobileClass'],
mobileClass: computed('media.isMobile', {
get() {
if (get(this, 'media.isMobile')) {
@nightire
nightire / components.ad-groups.js
Last active May 10, 2017 11:48
Properly use action to modify model
import Ember from 'ember';
export default Ember.Component.extend({
hasGroups: Ember.computed.gt('groups.length', 0),
actions: {
remove() {
this.get('groups').shiftObject();
}
}
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
export default Ember.Controller.extend({
options: [
{id: 1, name: 'Option 1'},
{id: 2, name: 'Option 2'},
{id: 3, name: 'Option 3'},
{id: 4, name: 'Option 4'},
{id: 5, name: 'Option 5'},
{id: 6, name: 'Option 6'},
@nightire
nightire / components.example-form.js
Created April 15, 2017 12:59
data mapping component
import Ember from 'ember';
export default Ember.Component.extend({
tagName: 'form'
});
import JSONAPIAdapter from 'ember-data/adapters/json-api';
export default JSONAPIAdapter.extend({
namespace: 'api'
});