我想要包含一个原子模式,并希望从下面的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并创建锚点,但锚点中没有填充任何值。
提前致谢!!!!
答案 0 :(得分:2)
你在这里打错了模式。
<li>{{> atoms-anchor-link(url:url, label : label, class : class) }}</li>
正确的模式是。
<li>{{> atoms-anchor-link}}</li>
这样可行。