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:

const 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:

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

Functions as partials

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

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

{
    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}}