在導航欄中顯示內容（引導程序）

Question

我在頁面中添加了一個帶引導程序樣式的導航欄。當點擊導航鏈接時，我正在尋找一種方法，根據所選的選項加載導航欄不同的模板，而不更改URL路線並將導航欄保持在其位置。我目前的問題是，當我點擊鏈接導航欄消失，模板被加載到一個頁面。

有什麼建議嗎？

<template name="eventContainer"> 
{{#if currentUser}} 
    {{#each eventTag}} 
     <nav role="navigation"> 
      <ul class="nav nav-tabs"> 
       <h5 class="panel-title"> {{title}} </h5> 
       <li role="presentation" class="active"><a href="/newMatches"> {{eventMatchesCount eventCode}} Peers</a></li> 
       <li role="presentation"><a href="/members"> {{eventMembersCount eventCode}} Members </a></li> 
      </ul> 
     </nav>   
    {{/each}} 
{{/if}}   
</template>  

Answer 1

其實我是這樣解決的。主頁面加載時，加載標籤內的所有模板，而當用戶瀏覽標籤頁時，加載標籤內的所有模板，這對我來說不是什麼大問題，因爲我沒有標籤。

<template name="eventContainer"> 
Event List 
<nav> 
    <div> 
    <!-- Nav tabs --> 
    <ul class="nav nav-tabs" role="tablist"> 
     <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li> 
     <li role="presentation"><a href="#newmatches" aria-controls="newmatches" role="tab" data-toggle="tab">New Matches</a></li> 
     <li role="presentation"><a href="#members" aria-controls="members" role="tab" data-toggle="tab">Members</a></li> 
     <li role="presentation"><a href="#findevent" aria-controls="findevent" role="tab" data-toggle="tab">Find Event</a></li> 
    </ul> 

    <!-- Tab panes --> 
    <div class="tab-content"> 
     <div role="tabpanel" class="tab-pane active" id="home">{{ > home}}</div> 
     <div role="tabpanel" class="tab-pane" id="newmatches">{{> newMatches}}</div> 
     <div role="tabpanel" class="tab-pane" id="members">{{> members}}</div> 
     <div role="tabpanel" class="tab-pane" id="findevent">{{> findEvent}}</div> 
    </div> 
    </div> 
</nav> 
</template>