Skip to content

Instantly share code, notes, and snippets.

@rreckonerr
Created December 6, 2021 16:05
Show Gist options
  • Save rreckonerr/2a5fadf6cf8ee1eb364affa104de4ded to your computer and use it in GitHub Desktop.
Save rreckonerr/2a5fadf6cf8ee1eb364affa104de4ded to your computer and use it in GitHub Desktop.
New Twiddle
import Component from '@glimmer/component';
import { tracked } from "@glimmer/tracking";
import { action } from '@ember/object';
class WithTrackedValue {
@tracked value = null;
}
export default class extends Component {
array = [];
constructor(owner, args) {
super(owner, args);
this.array = [new WithTrackedValue(), new WithTrackedValue()];
}
get isEmpty() {
return this.array.any(({ value }) => value);
}
@action
setSomeValue() {
this.array[0].value = 123;
}
}
import Controller from '@ember/controller';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
}
At least one value is set {{this.isEmpty}}
<button {{on "click" this.setSomeValue}}>Set some value</button>
{
"version": "0.17.1",
"EmberENV": {
"FEATURES": {},
"_TEMPLATE_ONLY_GLIMMER_COMPONENTS": false,
"_APPLICATION_TEMPLATE_WRAPPER": true,
"_JQUERY_INTEGRATION": true
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js",
"ember": "3.18.1",
"ember-template-compiler": "3.18.1",
"ember-testing": "3.18.1"
},
"addons": {
"@glimmer/component": "1.0.0"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment