Skip to content

Instantly share code, notes, and snippets.

View gokatz's full-sized avatar
🎯

Gokul Kathirvel gokatz

🎯
View GitHub Profile
import Controller from '@ember/controller';
import { tracked } from '@glimmer/tracking';
import { computed } from '@ember/object';
export default Controller.extend({
appName: tracked(),
appName1: 'hello',
computedName: computed('appName', function() {
return `Hello, ${this.appName}`;
@gokatz
gokatz / controllers.application\.js
Last active June 15, 2020 10:11
Child Transition abort
import Controller from '@ember/controller';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
}
import Controller from '@ember/controller';
import { action } from '@ember/object';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
arr = [{ a: 1 }, {a: 2}]
@action
test() {
let newArr = this.arr.rejectBy('a', 1);
import Controller from '@ember/controller';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
}
import Component from '@glimmer/component';
import { action } from '@ember/object';
export default class extends Component {
@action
addElement() {
this.args.testArray.pushObject("two");
}
}
import Component from '@ember/component';
export default Component.extend({
name: 'Hello',
test: 'test',
test() {
console.log(this);
this.sendAction('test');
}
import Controller from '@ember/controller';
import { computed } from '@ember/object';
const reducer = (accumulator, currentValue) => accumulator + currentValue;
export default Controller.extend({
appName: 'ETwiddle',
arr: [1,2,3],
total: computed('arr.length', function() {
@gokatz
gokatz / controllers.application\.js
Last active May 9, 2020 14:25
mutate object prop in array - octane
import Controller from '@ember/controller';
// import { tracked } from '@glimmer/tracking';
import { action, set } from '@ember/object';
import { tracked } from 'tracked-built-ins';
class Person {
constructor(name) {
this.name = name;
}
@gokatz
gokatz / components.my-component\.js
Last active May 8, 2020 10:10
call route action via closure action
import Component from '@glimmer/component';
export default class extends Component {
}
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
export default class extends Component {
@tracked
model = {
address: {}
};
save(model, event) {