Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Args in Computed
import Component from '@glimmer/component';
import { computed } from '@ember/object';
import { inject as service } from '@ember/service';
export default class MyComponent extends Component {
@service('router') router;
@computed('', 'router.currentRouteName')
get routeMatch() {
return === this.router.currentRouteName;
import Controller from '@ember/controller';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
<h1>Welcome to {{this.appName}}</h1>
<p>Am I the current route? {{routeMatch}}</p>
<MyComponent @foo="index"/>
"version": "0.17.1",
"EmberENV": {
"options": {
"use_pods": false,
"enable-testing": false
"dependencies": {
"jquery": "",
"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
You can’t perform that action at this time.