使用Mustache

时间:2018-09-30 04:17:16

标签: javascript json mustache

我有这个:

  field: [
      { text: 'text 1' },
      { price1: '10' },
      { price2: '16' },
      { text: 'text2' },
      { price1: '20' },
      { price2: '23' }
    ];

我想用胡须重复数据,我已经尝试过了:

{{#field}}
      <span>{{text}}</span>
{{/field}}

但是它不起作用,有人可以帮忙吗?

1 个答案:

答案 0 :(得分:2)

在胡须中遍历JSON时,您将执行以下操作

{{#each field}}
    <span> {{ text }} </span>
{{/each}}

顺便提一下,您的JSON无法正确呈现,我认为每个JSON对象都必须像这样

field: [
    { 
        text: 'text 1,
        price1: '10',
        price2: '16'
    },
    { 
        text: 'text2',
        price1: '20',
        price2: '23'
    },
];

这样,您就可以访问对象中的所有元素