how to use with dotted variable names

[rakucmr]

How can I use with variables name that have a dot inside, like this:

<script id="theTmpl" type="text/x-jsrender">
{{:product.name}} - {{:product.price}}
</script>

<script>
var data = {
  "product.name": "Product Name",
  "product.price": "$ 100"
};

[BorisMoore]

You can use bracket notation, just as with regular JavaScript. I'll add the following example to the docs to illustate that. Once published it will be at: www.jsviews.com/#paths@bracketnotation

data = {
  "first name": "Jo",
   "address": {
      "1stLine": "My Place",
      "street.name": "Broadway"
    }
 }

<script id="myTmpl" type="text/x-jsrender">
  {{:#data["first name"]}} lives at
  <em>
    {{>address['1stLine']}}
    {{>~root["address"]["street.name"]}}
  </em>
</script>

[rakucmr]

Thanks, this is working!