doneit-web/src/app/pages/events/attendees/attendees.page.html

<ion-header>
  <ion-toolbar>
    <ion-title>attendees</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-searchbar [(ngModel)]="searchCountryString" (input)="searchCountry($event)" placeholder="Search"></ion-searchbar>
  <ion-list>
      <button ion-item *ngFor="let attendee of eventAttendees">
          {{attendee.Name}}
      </button>
  </ion-list>


  <!-- 
  <ion-toolbar >
    <ion-segment [(ngModel)]="segment" (ionChange)="onSegmentChange()">
      <ion-segment-button value="required">
        Necessários
      </ion-segment-button>
      <ion-segment-button value="optional">
        Opcionais
      </ion-segment-button>
    </ion-segment>
  </ion-toolbar>
  <div [ngSwitch]="segment">
    <ion-searchbar
      [showCancelButton]=""
      (ionChange)="onChange($event)">
    </ion-searchbar>
    <ion-list>
      <ion-item-sliding>
        <ion-item lines="none" *ngFor="let attendee of eventAttendees">
          <div class="div-item">
            <div class="div-up">
              <div class="div-content-attachment">
                <h3>{{ attendee.Name }}</h3>
                <p>{{ attendee.EmailAddress }}</p>
              </div>
            </div>
          </div>
        </ion-item>
      </ion-item-sliding>
    </ion-list>
  </div>TABS -->
</ion-content>