Function fromMustacheTemplate

fromMustacheTemplate<State extends object = DefaultState>(
template: string,
options?: Options,
): (container: HTMLElement, state: State) => Promise<undefined>

Render a Mustache template into a container

Type Parameters

State extends object = DefaultState

Parameters

template: string
Mustache template
Optionaloptions: Options
Options object.

Returns (container: HTMLElement, state: State) => Promise<undefined>

Render function

Example

import { fromMustacheTemplate } from "@nosto/autocomplete/mustache";

const render = fromMustacheTemplate(`
  <div>
     <h1>{{title}}</h1>
    <ul>
     {{#products}}
      <li>{{name}}</li>
    {{/products}}
   </ul>
  </div>
  `, {
   helpers: {
    toJson: function () {
     return JSON.stringify(this)
   }});

render(document.getElementById("container"), {
  title: "My Title",
  products: [
    { name: "Product 1" },
    { name: "Product 2" },
    { name: "Product 3" }
  ]
});