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 %}
어떻게하면됩니까?