<ion-header>
  <ion-navbar>
    <ion-navbar>
      <div class="search-header">
        <ion-input type="text" placeholder="按地点搜索" [(ngModel)]="searchValue" (ionChange)="searchAddress()"></ion-input>
        <ion-icon name="close" class="clear" (click)="clearValue()"></ion-icon>
      </div>
    </ion-navbar>
  </ion-navbar>

  <div class="pageMenuSlides">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide {{i==0?'bottomLine':''}}" *ngFor="let item of menus;let i=index;" tappable (click)="selectPageMenu(i)">{{item}}

        </div>
      </div>
    </div>
  </div>
</ion-header>
<ion-content>



  <ion-content *ngIf="isSearch">
    <div class="city-item"  *ngFor="let area of searchAreaAll" id="{{area.inorout}}">
      <div class="city-title"></div>
      <div class="city-box">
        <div class="city">
          <span (click)="selectedCity(area)">{{area.areaName}}</span>
        </div>
      </div>
    </div>

  </ion-content>

  <ion-slides #contentSlides (ionSlideDidChange)="slideChanged()">
    <ion-slide>
      <ion-content #content1>
          <ion-item *ngFor="let area of areaAll;let i = index;">
            <p (click)="select(area,i)">
              <span>{{area.areaName}}</span>
              <span  float-right>+</span>
            </p>
            <ng-container *ngIf="selectIndex == i">
              <ng-container *ngFor="let city of cityList">
                <p class="areaChildren"  (click)="selectedCity(city)">{{city.areaName}}</p>
              </ng-container>
            </ng-container>
          </ion-item>

      </ion-content>
    </ion-slide>

    <ion-slide>
      <ion-content #content2>

        <ion-item *ngFor="let area of outerAreaAll;let i = index;">
          <p (click)="select(area,i)">
            <span>{{area.areaName}}</span>
            <span  float-right>+</span>
          </p>
          <ng-container *ngIf="selectIndex == i">
            <ng-container *ngFor="let city of cityList">
              <p class="areaChildren"  (click)="selectedCity(city)">{{city.areaName}}</p>
            </ng-container>
          </ng-container>
        </ion-item>
      </ion-content>
    </ion-slide>
  </ion-slides>




</ion-content>