Как использовать руль # в качестве помощника с передним элементом YAML

Question

Я использую сборку.io для автоматизации разработки моего интерфейса и хочу использовать переднюю задачу YAML для создания простого навигационного меню.

HTML, я хочу, чтобы достичь это:

<li><a href="#link1">Link1</a></li> 
<li><a href="#link2">Link2</a></li> 

Я думаю, что правильный рули разметки заключается в следующем:

 {{#each sublinks}} 
     <li><a href="#{{section}}">{{section}}</li> 
     {{/each}} 

Но что такое правильный YFM? Я начал с этим, но знать синтаксис не является правильным:

--- 
sublinks: 
    - section: link1, link2 
--- 

Answer 1

Для шаблона, как это:

{{#each sublinks}} 
<li><a href="#{{section}}">{{section}}</li> 
{{/each}} 

Вы бы хотите структуру данных, как это:

sublinks = [ 
    { section: 'link1' }, 
    { section: 'link2' }, 
    //... 
] 

и в YAML, это будет выглядеть так:

sublinks: 
    - section: link1 
    - section: link2 

Вы также должны быть в состоянии использовать эту YAML:

sublinks: 
    - link1 
    - link2 

с этим шаблоном:

{{#each sublinks}} 
<li><a href="#{{.}}">{{.}}</li> 
{{/each}} 

---

Ваш YAML соответствует структуре данных, как это:

sublinks = [ 
    { section: 'link1, link2' } 
] 

и это не очень полезно, если вы не хотите разделить строку 'link1, link2' с помощью помощника Handlebars.

Answer 2

Добавление к большому ответу @ Mu, вы также можете сделать это следующим образом:

Учитывая это YAML вводная:

--- 
sublinks: 
    - href: link/to/foo 
    text: Foo Text 
    - href: link/to/bar 
    text: Bar Text 
    - href: link/to/baz 
    text: Baz Text 
--- 

Ваши шаблоны будут выглядеть следующим образом:

{{#each sublinks}} 
    <li><a href="#{{href}}">{{text}}</a></li> 
{{/each}} 

Обратите внимание, что спецификация YAML также позволяет использовать синтаксис, похожий на JavaScript-объект:

--- 
sublinks: 
    - {href: link/to/foo, text: Foo Text} 
    - {href: link/to/bar, text: Bar Text} 
    - {href: link/to/baz, text: Baz Text} 
---