json file to handlebars

Question

Я разрабатываю приложение для Android с фреймворком7, которое покажет некоторую информацию для транспортных средств. Первый экран будет содержать список типов транспортных средств, и пользователь может выбрать один тип, а затем перейти к следующему экрану с подкатегориями. Я хочу показать контексты каждого набора на веб-сайте с помощью дескрипторов «{{}}». Я сделал первый экран с типами, но мне было интересно, можно ли использовать рули, чтобы показать подкатегории каждого типа транспортного средства в другой строке (которую пользователь будет нажимать и выводить на следующую страницу, которая будет содержать информацию для выбранного подтипа).
У меня есть JSON-файл со следующим кодом:

[ 
    { "id" : 1, 
     "Vehicle type": "Hatchback" 
     "Subtypes": "st1", "st2", "st3" 
    }, 
    { "id" : 1, 
     "Vehicle type": "motorcycle" 
     "Subtypes": "mt1", "mt2", "mt3" 
    } 
    ] 

Answer 1

Если вы хотите использовать рули {{}}, вам нужно иметь шаблон

1. Например:

   <script id="template" type="text/template7"> 
       {{#each records}} 
        <p>Vehicle type is: {{Vehicle type}} </p> 
       {{/each}} 
   </script> 
   

2. Компиляция шаблон с Template7:

   var template = $$('#template').html(); 
   var compiledTemplate = Template7.compile(template); 
   

3. Получить данные в формате JSON с сервера:

   $$.getJSON('link/to/your/json', {}, function (data) {   
       var context = data; 
   } 
   

4. Теперь вынести скомпилированный шаблон, передавая необходимый контекст

   var html = compiledTemplate(context); 
   

Теперь переменная html будет содержать HTML, что нужно , Например:

<p>Vehicle type is: Hatchback</p> 
    <p>Vehicle type is: motorcycle</p> 

N.B. Этот код не был протестирован. И «записи» на первом этапе необходимо заменить корневым узлом в вашем файле JSON.