Усы различные объекты в поле зрения

Question

У меня есть объект с массивом данных в {}, я хочу напечатать атрибут имени всех параметров.

Объект является:

[

 {
  "name": "Chris",
  "value": 10000,
  "taxed_value": 10000 - (10000 * 0.4),
  "in_ca": true
 },

 {
  "name": "Estafanie",
  "value": 14000,
  "taxed_value": 10000 - (10000 * 0.4),
  "in_ca": true
 },

 {
  "name": "Paul",
  "value": 20000,
  "taxed_value": 10000 - (10000 * 0.4),
  "in_ca": true
 }
]

Я хочу видеть в моем HTML:

Chris, Estefanie, Paul

Я пытаюсь с:

{{# _.each(name, function(listname){ }}
      <div class="col-md-3 col-sm-4 col-xs-4">
        <div class="names">
          <h5>{{{ listname }}}</h5>
        </div>
      </div>
    {{# }) }}

Но не работает;/ Я нахожу в документации по усам, но ничего такого не вижу.

Кто-нибудь может мне помочь с этим?

Спасибо

Answer 1

Ваш вид не похож на вид MustacheJS. Изменить его, чтобы он выглядел следующим образом. Замените "ObjectLiteralName" на имя вашей литеральной переменной имени объекта.

С помощью {{#}}{{/}} в представлении Усы означает, что вы хотите зациклить объект.

Смотри MustacheJS. Он содержит всю информацию, необходимую для того, чтобы начать работать с усами.

Посмотреть

<div id="target">Loading...</div>
<script id="template" type="x-tmpl-mustache">
   {{#ObjectLiteralName}}
   <div class="col-md-3 col-sm-4 col-xs-4">
      <div class="names">
       {{name}}
      </div>
   </div>
   {{/ObjectLiteralName}}
</script>

Javascript

function renderTemplate() {
  var $template = $('#template').html();
  Mustache.parse($template);   // optional, speeds up future uses
  var rendered = Mustache.render($template, ObjectLiteralName);
  $('#target').html(rendered);
}

Результат

<div class="col-md-3 col-sm-4 col-xs-4">
  <div class="names">
     Chris
  </div>
</div>
<div class="col-md-3 col-sm-4 col-xs-4">
  <div class="names">
     Estefanie
  </div>
</div>
<div class="col-md-3 col-sm-4 col-xs-4">
  <div class="names">
     Paul
  </div>
</div>