2

相互に関連するコンテンツに 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>

どうすればやりたいことを簡単に達成できますか?

4

1 に答える 1