相互に関連するコンテンツに Bootstrap nag-tabs を使用しているアプリケーションがあります。ホットリロードが発生すると、最後に選択されたタブが再選択されるようにしようとしています。また、ユーザーが移動した後にページに戻ったときに、最後に選択したタブが再選択されるようにしようとしています。テンプレートは次のとおりです。
<template name='admin'>
<ul id='adminTabs' class='nav nav-tabs'>
{{#if isInRole 'admin'}}
<li class='active'><a href='#districtstab' data-toggle='tab'>Districts</a></li>
{{/if}}
{{#if isInRole 'admin, manage-users'}}
<li><a href='#usertab' data-toggle='tab'>Users</a></li>
{{/if}}
{{#if isInRole 'admin, manage-schools'}}
<li><a href='#schoolstab' data-toggle='tab'>Schools</a></li>
{{/if}}
{{#if isInRole 'admin, manage-classes'}}
<li><a href='#classestab' data-toggle='tab'>Classes</a></li>
{{/if}}
{{#if isInRole 'admin, manage-lessons'}}
<li><a href='#lessonstab' data-toggle='tab'>Lessons</a></li>
{{/if}}
{{>onlineuserstab}}
</ul>
<div class='tab-content'>
{{#if isInRole 'admin'}}
{{#isolate}}
<div class='tab-pane active' id='districtstab'>
{{>districts}}
</div>
{{/isolate}}
{{/if}}
{{#if isInRole 'admin, manage-users'}}
{{#isolate}}
<div class='tab-pane' id='usertab'>
{{>users}}
</div>
{{/isolate}}
{{/if}}
{{#if isInRole 'admin, manage-schools'}}
{{#isolate}}
<div class='tab-pane' id='schoolstab'>
{{>schools}}
</div>
{{/isolate}}
{{/if}}
{{#if isInRole 'admin, manage-classes'}}
{{#isolate}}
<div class='tab-pane' id='classestab'>
{{>classesTemplate}}
</div>
{{/isolate}}
{{/if}}
{{#if isInRole 'admin, manage-lessons'}}
{{#isolate}}
<div class='tab-pane' id='lessonstab'>
{{>lessons}}
</div>
{{/isolate}}
{{/if}}
<div class='tab-pane' id='onlinetab'>
{{#isolate}}
{{>onlineusers}}
{{/isolate}}
</div>
</div>
</template>
どうすればやりたいことを簡単に達成できますか?