Ember template helper get-value-with-key

Question

Does Ember have any template helper "get-value-with-key" I found the below usage, but not sure what it does exactly ?

{{get-value-with-key item optionValuePath}}

Possible duplicate of [EmberJS - access properties of an object by arbitrary key in a template and have those properties bound using HTMLBars?](http://stackoverflow.com/questions/30676775/emberjs-access-properties-of-an-object-by-arbitrary-key-in-a-template-and-have) — Patsy Issa, Feb 26 '16 at 14:58

GerDner · Answer 1 · 2016-02-26T14:57:08.033

2

There is an Ember Get Helper for HTMLBars. You might have to install the Package "ember-get-helper" if you are on ember < 2.1.

{{get object key}}

edited Feb 26 '16 at 14:57

answered Feb 26 '16 at 14:37

GerDner

399
1
11

and why is my answer wrong? (My answer is correct...) – GerDner Feb 26 '16 at 14:50
> You have to install the Package "ember-get-helper". No he does not, `{{get}}` is a helper that is available in all ember apps (depending on version) – Patsy Issa Feb 26 '16 at 14:51

score 0 · Answer 2 · answered Nov 10 '20 at 19:05

0

Let's say you have the following object:

var obj = {
  "key1": {
    "subkey1": "hello world"
  }
}

Using Ember 3.18, to access "hello world" from the template, you can do:

{{get obj 'key1.subkey1'}}

answered Nov 10 '20 at 19:05

Big Sam

1,290
14
7

score 0 · Answer 3 · answered Feb 14 '21 at 07:40

You can use the build-in get helper. See docs here: Ember Docs.

Usage example:

{{get object key}}

Note that the get helper will not be able to work on all JavaScript keys. For example, a key with a '.' will not work with the built-in get helper.

For example, if you have a valid JavaScript object like:

const example = {
    'example.pdf': 'pdf_url'
}

// You can access this key normally via
example['example.pdf']

however, this will not work in the get helper

{{get this.example 'example.pdf'}}

One solution is to create a helper that can support the types of keys you need to support. For example, I made a helper that can work on keys with a '.' by including '.' in the key name which are escaped like with ''.

{{get this.example 'example\.pdf'}}

The ember twiddle can be found here: twiddle

Other Helpful Sources:

Ember template helper get-value-with-key

3 Answers3