我该如何在mustache.js中实现这一点

how would I achieve this in mustache.js?

本文关键字:js 实现 这一点 mustache      更新时间:2023-09-26

我有以下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对象没有一个midlename值,那么模板的midlename行不应该显示,因为没有midlename值可以显示。你会如何构建你的胡子模板来适应这种情况?

你可以这样做:

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

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