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

<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>

`



</>
 <div class="tabs-striped tabs-top tabs-balanced">
        <ion-tabs id="iTabs_tabs" class="tabs-top">
            <ion-tab id="iTab_untreated" title="北京"></ion-tab>
                        <ion-tab id="iTab_untreated" title="上海"></ion-tab>
                </ion-tabs>
</div>              

解决了吗,我也遇到了这个问题。。。。。

用on-select 代替ng-click