with helper

← Return to API & Docs

with

Set the context position in the data to access other nodes.

1
2
3

{{#with [object|array]}}
  {{this}}
{{/each}}

Example

format JSON XML

Data JSON

{
  "brand":{
    "palette": {
      "logo":{
        "light": {
          "color": "white"
        },
        "dark": {
          "color": "black"
        }
      }
    }
  }
}

Code

{{#with brand.palette.logo}}
  <div>Light: {{light.color}}</div>
  <div>Dark: {{dark.color}}</div>
{{/with}}

Result

Data XML

<brand>
  <palette>
    <logo>
      <light name="white" />
      <dark name="black" />
    </logo>
  </palette>
</brand>

HTML

{{#with brand.palette.logo}}
  <div>Light: {{light._.color}}</div>
  <div>Dark: {{dark._.color}}</div>
{{/with}}

Result

PrexView

Templates

Templates

Template Helpers

Print

Graphics

Format

Mixed

Loops

Search

Conditions

Math

Transform

Context

with