Ionic中关于tabs-striped标签下面那根线不随着点击不同标签而移动

Question

<ion-tabs class="tabs-top tabs-striped" >
    <ion-tab title="北京" ng-click="showorder('a');" ></ion-tab>
    <ion-tab title="上海" ng-click="showorder('b');" ></ion-tab>
    <ion-tab title="杭州" ng-click="showorder('c');" ></ion-tab>
</ion-tabs>

北京

<div ng-show="showordertype=='b' " class="scroll-content  has-subheader">
    <div class="list card">
        <div class="item item-divider">
            <h1 style="font-size: 10px">上海 <i class="icon ion-chevron-right"></i></h1>
        </div>

    </div>
</div>

<div ng-show="showordertype=='c' " class="scroll-content  has-subheader">
    <div class="list card">
        <div class="item item-divider">
            <h1 style="font-size: 10px">杭州 <i class="icon ion-chevron-right"></i></h1>
        </div>

    </div>
</div>

`

</>

Answer 1