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