我该如何在mustache.js中实现这一点
how would I achieve this in mustache.js?
我有以下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}}
相关文章:
- HTML中两种JS实现之间的差异
- 使用 JavaScript/Node.js 实现插件架构
- 如何使用结构 JS 实现对比度
- 通过JS实现面板可见性
- 我怎样才能用 Require.js 实现 TinyMCE
- 使用Skrollr.js实现水平效果
- 基本 JS 实现基本数学来转换值
- Prototypejs $super的原生 JS 实现
- 使用 JS 实现 HTML 最小化器插件
- 分析JS实现中的XLS(Excel)文件
- 如何使用paper.js实现多点触摸交互
- 如何使用sinon.js实现mock/stub回调函数
- React.js-实现组件排序
- 是否可以用Ext.js实现可移动工具栏,如果可以,如何用我的代码实现
- 棘轮与角js实现
- JavaScript/List.js:实现模糊搜索
- 尝试使用cucumber.js实现页面对象模型时出错
- 如何使用Thinktecture.IdentityServer.v2和Node.js实现WS-Federation
- 使用Node.js实现网页自动化
- 使用MVC/Backbone.js实现复合模式