2017-01-03 5 views
0

원자 패턴을 포함하고 싶습니다. 아래의 JSON 배열에서 데이터를 전달하려면 코드와 JSON 파일이 필요합니다.JSON 데이터를 패턴으로 전달하기 | PatternLab

앵커 link.mustache

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

바닥 글 - nav.mustache

내가 앵커 콧수염을

{ 
    "footerNav": [{ 
     "label": "Shop", 
     "url": "#", 
     "class": "body-copy" 
    }, { 
     "label": "Pods", 
     "url": "#", 
     "class": "all-caps-large" 
    }] 
} 
을 채우는 원하는 위치에서
<ul class="menu vertical"> 
{{# footerNav }} 
    <li>{{> atoms-anchor-link(url:url, label : label, class : class) }}</li> 
{{/ footerNav }} 
</ul> 

JSON 5,

출력

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

패턴 랩 올바른 HTML 생성 앵커를 생성하지만 값 앵커 채우는되지된다.

미리 감사드립니다 !!!!

답변

2

잘못된 패턴을 여기에 입력했습니다.

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

올바른 패턴입니다.

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

이렇게하면됩니다.