angular.js实现二级tab切换

<div class="guide-type">
        <h3 ng-class="{true:'active', false:''}[tab == 'pc' || tab == 'weixin' || tab == 'app']" ng-click="selectTab('pc');">系统介绍</h3>
        <ul ng-show="tab == 'pc' || tab == 'weixin' || tab == 'app'">
            <li ng-class="{true:'active', false:''}[tab == 'pc']" ng-click="selectTab('pc');">门户网站</li>
            <li ng-class="{true:'active', false:''}[tab == 'weixin']" ng-click="selectTab('weixin');">微信公众号</li>
            <li ng-class="{true:'active', false:''}[tab == 'app']" ng-click="selectTab('app');">APP</li>
        </ul>
    </div>
    <div class="guide-type">
        <h3 ng-class="{true:'active', false:''}[tab == 'transfer' || tab == 'rent' || tab == 'mortgage']" ng-click="selectTab('transfer');">业务办理</h3>
        <ul ng-show="tab == 'transfer' || tab == 'rent' || tab == 'mortgage'">
            <li ng-class="{true:'active', false:''}[tab == 'transfer']" ng-click="selectTab('transfer');">转让业务</li>
            <li ng-class="{true:'active', false:''}[tab == 'rent']" ng-click="selectTab('rent');">出租业务</li>
            <li ng-class="{true:'active', false:''}[tab == 'mortgage']" ng-click="selectTab('mortgage');">抵押业务</li>
        </ul>
    </div>
    <div class="guide-type">
        <h3 ng-class="{true:'active', false:''}[tab == 'deposit']" ng-click="selectTab('deposit');">保证金缴纳指南</h3>
    </div>
    <div class="guide-type">
        <h3 ng-class="{true:'active', false:''}[tab == 'register' || tab == 'service']" ng-click="selectTab('register');">常见问题</h3>
        <ul ng-show="tab == 'register' || tab == 'service'">
            <li ng-class="{true:'active', false:''}[tab == 'register']" ng-click="selectTab('register');">如何进行网站注册</li>
            <li ng-class="{true:'active', false:''}[tab == 'service']" ng-click="selectTab('service');">如何申请成为中介</li>
        </ul>
    </div>