How do I reference a field name that contains a dot in mustache template?

Question

How do I reference a field name that contains a dot in mustache template? For instance, if I have a view like

{
  "foo.bar": "my value"
}

then how can I put my value into a template? Using {{foo.bar}} doesn't work because mustache thinks the dot is part of the path, like there should be a "foo" that has a "bar".

It would be easier to refactor the property to `foo_bar`. Not a solution? — Simon Smith, Feb 18 '13 at 15:37
heh, I found this problem after 10 years and it's still not fixed! — confiq, Aug 30 '23 at 09:05

score 7 · Answer 1 · edited May 23 '17 at 11:51

You can't read a key with a . in it from Mustache. The Mustache spec dictates that . is used to split content names. Mustache provides a means of escaping but only for HTML content.

Mustache spec: interpolation

You will need to pre-process your data to make it usable in a Mustache template. How you do this will depend on how widespread the issue is.

I found a simple example to remap a property in JavaScript, written by Jon:

function rename(obj, oldName, newName) {
    if(!obj.hasOwnProperty(oldName)) {
        return false;
    }

    obj[newName] = obj[oldName];
    delete obj[oldName];
    return true;
}

Source: Rename the keys… in an object

How do I reference a field name that contains a dot in mustache template?

1 Answers1

Linked