Use

Partials are templates embedded in other templates. Partials begin with a greater than sign, like {{>my_partial}}. Partials inherit the calling scope.

Partials render at runtime, so recursive partials are possible but make sure you avoid infinite loops.

Partials are typically registered registerPartial like:

stache.registerPartial("address.stache", "<p>{{street}} {{city}}</p>");

And called within another template like:

var template = stache("{{#person.address}} {{>address.stache}} {{/person.address}}");

With data like {person: {address: {street: "123 Evergreen", city: "Chicago"}}}, rendering template would produce:

<p>123 Evergreen Chicago</p>

The 2nd argument to {{>key}} can specify a different context for the partial to be rendered with. The following example renders the same thing as above:

var template = stache("{{#person}} {{>address.stache address}} {{/person}}");

Functions as partials

{{>key}} can be used to call renderer functions in the scope. For example:

<!-- Template -->
{{#item}}{{>myPartial}}{{/item}}

/* Data */
{
  item: {name: "Justin"},
  myPartial: stache("{{name}}")
}

<!-- Result -->
Justin

Script tags as partials

{{>key}} can be used to render the contents of script tags.

For example, if you've embedded a partial like:

<script type='text/stache' id='todo-stache'>
  <li>{{name}}</li>
</script>

This can be rendered like:

{{#each(todos)}}{{>todo-stache}}{{/each}}