Framework7 виртуальный список нет записи

Я пытался создать виртуальный список в framework7 с помощью JSON. В Chrome ошибки нет. Когда я записал JSON в консоль, я вижу это. Я не знаю, что не так.

Может быть, вы могли бы помочь мне.

var template = $$('#customer-template').html();

// Compile and render
var compiledTemplate = Template7.compile(template);

// Defined as function "getrandom"
function getrandom() {
  // Get JSON Data from UrbanDictionary API
  $$.getJSON('../api.php?getCustomer', function (json) {
    console.log(json);
      $$('#content-wrap').html(compiledTemplate(json))
  });
};

// Execute to list UrbanDictionary Definitions
getrandom();

Это моя часть html

 <div id="view-2" class="view tab">
        <div class="pages">
          <div data-page="index-2" class="page">
            <div class="page-content">
              <div class="content-block">
                <div id="content-wrap"></div>
                <script id="customer-template" type="text/template7">
                   <div class="list-block media-list">
                     <ul>
                       {{#each list}}
                       <li><a href="details.html" class="item-link">
                           <div class="item-content">
                             <div class="item-inner">
                               <div class="item-title">{{surname}}, {{forename}}</div>
                             </div>
                           </div></a></li>{{/each}}
                     </ul>
                   </div>
                 </script>
              </div>
            </div>
          </div>
        </div>
      </div>

И мой JSON выглядит так

   [
  {
    "cid": "266",
    "title": "",
    "surname": "Kiefer",
    "forename": "Peter",
    "company": "sdfg",
    "role": "CEO",
    "position": "",
    "tel_work": "0123456789",
    "tel_mobile": "0123456789t",
    "fax_work": "0123456789",
    "adr_work_street": "sdfg",
    "adr_work_zip": "sdfg",
    "adr_work_place": "sdfg",
    "adr_work_country": "sdfg",
    "email_work": "sdfg",
    "website": "sdfg"
  }
]

1 ответ

Решение

+ Изменить {{#each list}} в {{#each this}}или назовите массив клиентов json list и использовать {{#each this.list}},

Дополнительная информация: http://framework7.io/docs/template7-pages.html

Другие вопросы по тегам