Skip to content

Instantly share code, notes, and snippets.

import Ember from 'ember';
import { computed } from '@ember/object';
import { inject as service } from '@ember/service';
export default Ember.Controller.extend({
router: service(),
currentURL: computed('router.currentURL', function() {
return this.router.currentURL;
}),
@NullVoxPopuli
NullVoxPopuli / components.my-component.js
Last active January 14, 2019 22:23
ABS with Dynamic yielded Components
import Ember from 'ember';
export default Ember.Component.extend({
dynamicValue: 'other-component',
});
import Component from 'sparkles-component';
export default class extends Component {
items = [0,9,8,7,6,5];
}
@NullVoxPopuli
NullVoxPopuli / components.item-component.js
Last active November 29, 2023 09:30
didInsertElement Example
import Component from '@ember/component';
export default class ItemComponent extends Component {
didInsertElement() {
console.log(`item ${this.item} was inserted`);
}
}
@NullVoxPopuli
NullVoxPopuli / components.animated-slide.js
Last active November 21, 2018 19:08
ember-animated issue replication
import Component from '@ember/component';
import fade from 'ember-animated/transitions/fade';
export default Component.extend({
fade,
fadeMessage: false,
mail: "Hello",
});
exports.default = Ember.Component.extend({
layout: _animatedEach.default,
tagName: '',
motionService: Ember.inject.service('-ea-motion'),
/**
* The list of data you are trying to render.
@argument items
@type Array
*/
@NullVoxPopuli
NullVoxPopuli / a-teeny-component.component.js
Last active October 26, 2018 15:09 — forked from jenweber/components.a-teeny-component.js
Example of passing actions from controller to nested component
import Ember from 'ember';
export default Ember.Component.extend({
// this component only received args from the caller
// but it does track its own local info property
info: '', // initial form field value
});
import Ember from 'ember';
export default Ember.Component.extend({
clickCounter: 0,
click() {
this.set('clickCounter', this.clickCounter + 1);
}
});
@NullVoxPopuli
NullVoxPopuli / components.wrapping-component.js
Last active October 2, 2018 13:28 — forked from theoldcounty/components.checkbox-component.js
Parent / Child Component Communication
import Component from '@ember/component';
import { action, computed } from '@ember-decorators/object';
import { check } from 'twiddle/utils/tree-helpers';
export default class extends Component {
options = [{
id: 1,
label: 'burger',
checked: false,
@NullVoxPopuli
NullVoxPopuli / controllers.application.js
Created September 30, 2018 23:57
Demonstrating timer
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
someBool: true,
init() {
this._super(...arguments);