Передача данных JSON в шаблоне | PatternLab

Question

Я хочу включить атомный шаблон и хочу передать данные из массива JSON ниже, это код и файл JSON.

якорь link.mustache

<a href="{{ url }}" class="{{ class }}">{{ label }}</a> 

сноска-nav.mustache

<ul class="menu vertical"> 
{{# footerNav }} 
    <li>{{> atoms-anchor-link(url:url, label : label, class : class) }}</li> 
{{/ footerNav }} 
</ul> 

JSON от того, где я хочу, чтобы заполнить Якорь Усы

{ 
    "footerNav": [{ 
     "label": "Shop", 
     "url": "#", 
     "class": "body-copy" 
    }, { 
     "label": "Pods", 
     "url": "#", 
     "class": "all-caps-large" 
    }] 
} 

Выход

<ul class="menu vertical"> 
    <li><a href="" class=""></a> 
</li> 
    <li><a href="" class=""></a> 
</li> 
</ul> 

Pattern Lab генерирует правильный HTML и создает якоря, но значения не заселение в якорей.

Заранее благодарен !!!!

Answer 1

Вы назвали неправильный шаблон здесь.

<li>{{> atoms-anchor-link(url:url, label : label, class : class) }}</li> 

Правильный образец есть.

<li>{{> atoms-anchor-link}}</li> 

Это будет работать.