javascript - 我如何在 Mustache.js 中实现这一目标？

Question

我有以下 js 对象:

var user = 
{
   FirstName:'John',
   MiddleName:'Jacob',
   LastName:'Smith',
}

我想使用 Mustache.js 在 html 表格中显示此信息:

<table>
  <tr>
    <td>{{FirstName}}</td>
  </tr>
  <tr>
    <td>{{MiddleName}}</td>
  </tr>
  <tr>
    <td>{{LastName}}</td>
  </tr>
</table>

但是，如果 js 对象没有 MiddleName 值，则模板的 MiddleName 行不应显示，因为没有要显示的 MiddleName 值。您将如何构建 mustache 模板来适应这种情况？

Answer 1

所以你会这样做:

{{#.}}
<table>
  <tr>
    <td>{{FirstName}}</td>
  </tr>
  {{#MiddleName}}
  <tr>
    <td>{{MiddleName}}</td>
  </tr>
  {{/MiddleName}}
  <tr>
    <td>{{LastName}}</td>
  </tr>
</table>
{{/.}}

仅当 somekey 存在时才执行 {{#somekey}}{{/somekey}}