Я новичок в Усы и пытаюсь понять, как отобразить первый массив объектов в списке с помощью усов. Я хотел бы иметь возможность передать varialbe, чтобы определить, какой индекс списка будет отображаться с использованием шаблона уса. , например:Отобразить первый объект в массиве объектов с помощью усов
var template = $('#testing_tmp').html();
var dataId = 1;
var html = Mustache.to_html(template, projects[dataId]);
$('#header').html(html);
Выполнение этого кода выше он будет передавать данные с указанным индексом и отображения одного объекта с данным ключом вместо целого списка объектов.
Вот мой код в данный момент:
<script id="testing_tmp" type="text/template">
{{#proj}}
<div>{{id}} go get some {{title}}</div>
{{/proj}}
</script>
$('body').on('click', '.logo', function(){
var projects = {
"proj": [
{
id:"1",
title:"Ronald",
description:"This web applications was developed to keep track of my dads recipes and make them easily accesible.He is now able to check each user and make a dinner based on what everybody likes or in some cases dont like.",
technologiesUsed:"CodeIgniter, PHP, Sequel Pro, Javascript, jQuery,HTML5, CSS3, SASS, Foundation 5.0",
projectLink:"http://www.google.com",
genre:"web-app",
images: [
{largePic:"img/projects/heller-recipes/thumb.jpg",desktopImg:"img/projects/heller-recipes/desktop.png",desktopMobile:"img/projects/heller-recipes/mobile.png"}
]
},
{
id:"2",
title:"Jake",
description:"This web applications was developed to keep track of my dads recipes and make them easily accesible.He is now able to check each user and make a dinner based on what everybody likes or in some cases dont like.",
technologiesUsed:"CodeIgniter, PHP, Sequel Pro, Javascript, jQuery,HTML5, CSS3, SASS, Foundation 5.0",
projectLink:"http://www.google.com",
genre:"web-app",
images: [
{largePic:"img/projects/heller-recipes/thumb.jpg",desktopImg:"img/projects/heller-recipes/desktop.png",desktopMobile:"img/projects/heller-recipes/mobile.png"}
]
},
{
id:"3",
title:"Benny",
description:"This web applications was developed to keep track of my dads recipes and make them easily accesible.He is now able to check each user and make a dinner based on what everybody likes or in some cases dont like.",
technologiesUsed:"CodeIgniter, PHP, Sequel Pro, Javascript, jQuery,HTML5, CSS3, SASS, Foundation 5.0",
projectLink:"http://www.google.com",
genre:"web-app",
images: [
{largePic:"img/projects/heller-recipes/thumb.jpg",desktopImg:"img/projects/heller-recipes/desktop.png",desktopMobile:"img/projects/heller-recipes/mobile.png"}
]
}
]
};
var template = $('#testing_tmp').html();
//alert(template);
var html = Mustache.to_html(template, projects[1]);
$('#header').html(html);
});
Нужно ли мне менять формат объекта моих проектов? или это их простой способ сделать это, что мне еще предстоит выяснить. Я чувствую, что должно быть простое решение. –