我将如何在mustache.js中实现这一目标?

时间:2016-10-28 17:47:13

标签: javascript handlebars.js mustache

我有以下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值。您将如何构建胡子模板以适应此场景?

1 个答案:

答案 0 :(得分:1)

所以你会这样做:

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

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