ionic-字母索引-城市选择

      <ion-view view-title="城市选择" style="background:#fff;">
    <ion-nav-buttons side="left">
        <div style="width:32px;padding-left:2px;" ng-click="$ionicGoBack()">
          <i class="icon ion-ios-arrow-left" style="color:#828a99;font-size:32px;line-height:32px;"></i>
        </div>
    </ion-nav-buttons>
    <ion-nav-title>
        <form style="width:100%;height:44px;">
            <div class="item-input-inset" style="border:0;height:100%;width:100%;">
                <div class="item-input-wrapper" style="background-color:#fff;height:32px;border:solid 1px #E1E1E1;width:100%;">
                    <i class="icon ion-android-search placeholder-icon" style="color: #CCCCCC;font-size:20px;cursor:pointer;"></i>
                    <input type="search" placeholder="请输入城市名称" style="font-size:14px;color:#262626;height:22px;width:100%;" ng-change="startDot()" ng-model="$parent.cityName">
                    <i class="ion-close-circled" ng-click="searchEmpty()" style="color: #CCCCCC;display:{{searchEmptyShow ? 'block' : 'none'}};"></i>
                </div>
            </div>
        </form>
    </ion-nav-title>

    <ion-content scroll="true">
         <div style="padding-bottom:120px;">
            <div id="city_{{d.iniData}}" style="margin-right:30px;" ng-repeat="d in cityDatas | filter:cityName">
                <div class="choose_city_abc" style="font-size: 18px;background:#F5F5F5;padding:8px 10px;">{{d.iniData}}</div>
                <div class="choose_city_data">
                    <div class="choose_city_border" style="padding:7px 0px" ng-repeat="city in d.datas | filter:cityName" ng-click="confirmCity('{{city.zoneCityId}}','{{city.zoneCity}}')">{{city.zoneCity}}</div>
                    <div class="choose_city_border" style="padding:7px 0px;border-bottom:0;" ng-show="{{d.datas.length==0}}">暂无城市</div>
                </div>
            </div>
         </div>
    </ion-content> 
    <div style="width:28px;text-align:center;position:absolute;right:0;top:{{44+dis_ios}}px;margin:2px 0;color:#458AFF;" > 
        <div ng-repeat="c in indexs" style="width:100%;height:{{hIndex}}px;" ng-touchmove="mTouch('{{c}}')" ng-touchend="mRelease()" ng-click="mTouch('{{c}}')">
            {{c}}
        </div> 
    </div>

    <div style="position:fixed;left:47%;top:47%;width:40px;height:40px;background:#ddd;display:flex;justify-content:center;align-items:center;font-size:20px;color:#262626;" ng-show="showMiddle">
        {{hint}}
    </div>
</ion-view>