2017-09-13 10 views
0

부트 스트랩 탭에 대한 단축 코드를 만들려고합니다. 다음과 같은 HTML 구조를 가지고 있습니다.휴고 단축 코드로 부트 스트랩 탭

<nav class="nav nav-tabs" id="myTab" role="tablist"> 
    <a class="nav-item nav-link" id="{{ .Get `id` }}-tab" data-toggle="tab" href="#{{ .Get `id` }}" role="tab" aria-controls="{{ .Get `id` }}"> 
     {{ .Get "title" }} 
    </a> 
</nav> 
<div class="tab-content" id="nav-tabContent"> 
    <div class="tab-pane fade" id="{{ .Get `id` }}" role="tabpanel" aria-labelledby="{{ .Get `id` }}-tab"> 
    {{ .Inner }} 
    </div> 
</div> 

이 구조에는 휴고 자리 표시자가 포함되어 있습니다. 그러나 인 코드의 내부,

<a class="nav-item nav-link" id="{{ .Get `id` }}-tab" data-toggle="tab" href="#{{ .Get `id` }}" role="tab" aria-controls="{{ .Get `id` }}"> 
     {{ .Get "title" }} 
    </a> 

<div class="tab-pane fade" id="{{ .Get `id` }}" role="tabpanel" aria-labelledby="{{ .Get `id` }}-tab"> 
    {{ .Inner }} 
    </div> 

지금 문제가 내가 id 등을 통과해야한다는 것입니다이며, 해당 콘텐츠 사업부와 함께 여러 번 필요 내부 구조의 논증이며 부모로부터 분리되어야한다. 다음 방법으로 단축 코드를 사용할 수 있어야합니다.

{% tabs %} 
    {% tab id = "tab-1" title = "Tab One" %} 
     Content in Tab 1 
    {% \tab %} 
    {% tab id = "tab-2" title = "Tab Two" %} 
     Content in Tab 2 
    {% \tab %} 
{% \tabs %} 

어떻게하면됩니까?

답변

0

상위 쇼트 코드 구문에 포함하기 위해 하위 쇼트 코드를 반복하고 값을 추출 할 수 없습니다.

나는 당신이 서문에서 사용자 지정 PARAM을 (예를 들어 '탭'호출) 만들고 '태그'단축 코드에 그 값을 반복 제안 : 나는 그것이 중복 및 해키 알고 range .Page.Params.tabs

하지만 그건 작동 시키려면 가장 간단한 방법입니다. 내가 아는 또 다른 방법은 훨씬 복잡하고 복잡하며 노력할만한 가치가 있는지 확신 할 수 없지만 완전히 자동화되었습니다. 그것은 모든 탭을위한 콘텐츠 페이지를 만드는 것입니다.