Mustache JavaScript:通过对象输出数组循环

时间:2012-03-08 02:16:29

标签: javascript mustache

我有这个模板代码:

{{#priceList}}
  {{#last}}
    <strong>{{currency}}</strong>
  {{/last}}
  {{^last}}
    <del>{{currency}}</del>
  {{/last}}
{{/finalPriceList}}

我正在尝试查看这些数据:

priceList: [
  { price: 50, currency: '$50.00', last: false },
  { price: 25, currency: '$25.00', last: true }
]

我想做的就是输出:

<del>$50.00</del> <strong>$25.00</strong>

我接近这个权利吗?我已尝试将last改为undefined而不是false

我的代码输出

<del>$50.00</del> {{/last}} <strong>$25.00</strong> <del>$25.00</strong> {{/last}}

1 个答案:

答案 0 :(得分:3)

您的模板不正确 - {{/finalPriceList}}应该是{{/priceList}},即:

{{#priceList}}
  {{#last}}
    <strong>{{currency}}</strong>
  {{/last}}
  {{^last}}
    <del>{{currency}}</del>
  {{/last}}
{{/priceList}}

请参阅此处的工作示例: