{{< layout}}
{{$ title}}JSON 桥接预览{{/ title}}
{{$ content}}
  <h1>JSON → 模板模型桥接</h1>
  <p>下方数据由一段 JSON 文本经 <code>jsonToTemplateValue</code> 转成模型后直接渲染。</p>
  <h2>{{ product.name | upper }}</h2>
  <p>价格:{{ product.price }} · 库存:{{#product.inStock}}有货{{/product.inStock}}{{^product.inStock}}缺货{{/product.inStock}}</p>
  <p>标签:</p>
  <ul>
    {{#product.tags}}
    <li>{{@number}}. {{ . }}{{#@last}} (末位){{/@last}}</li>
    {{/product.tags}}
  </ul>
  <p><a href="/">← 返回列表</a></p>
{{/ content}}