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> 

パターンLabは正しいHTMLを生成し、アンカーを作成しますが、何の値がアンカーに移入されていないされています。

ありがとうございます!!!!

Answer 1

ここで間違ったパターンを呼び出しました。

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

正しいパターンです。

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

これは動作します。