2015-02-26 2 views
0

Я новичок в Усы и пытаюсь понять, как отобразить первый массив объектов в списке с помощью усов. Я хотел бы иметь возможность передать 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); 
     }); 
+0

Нужно ли мне менять формат объекта моих проектов? или это их простой способ сделать это, что мне еще предстоит выяснить. Я чувствую, что должно быть простое решение. –

ответ

1

Вы можете сделать что-то вроде этого:

var html = Mustache.to_html(template, { "proj" : projects.proj[1] }); 

Здесь вы в основном только реструктуризации объекта выглядеть projects, но только второй объект в этом.

+0

Ваш удивительный, спасибо! –

Смежные вопросы