contactList.html

<ion-header>
  <ion-navbar>
      <ion-title text-center>
        <span *ngIf="orgid == null">常用联系人</span>
        <span *ngIf="orgid!=null && this.orgid != ''">{{orgName}}</span>
      </ion-title>
  </ion-navbar>
</ion-header>

<ion-content direction="y" scrollbar-y="true">
  <ion-list>
    <ion-item *ngFor="let contactPerson of contactPersons" (click)="contactPersonInfo(contactPerson)">
      <div class="contact-box">
        <img src="./assets/imgs/head.png" class="contact-img" >

        <div class="contact-box-right">
          <div>
            <span class="contact-name">{{contactPerson.name}}</span>
            <ion-icon name="male" class="contact-sex male" *ngIf="contactPerson.gender =='1'||contactPerson.gender==null"></ion-icon>
            <ion-icon name="female" class="contact-sex female" *ngIf="contactPerson.gender =='0'"></ion-icon>
          </div>

          <div>
            <span class="contact-telphone">座机：{{contactPerson.telephone}}</span>
            <span class="contact-handphone">手机：{{contactPerson.mobile}}</span>
          </div>
        </div>
      </div>
    </ion-item>


  </ion-list>
</ion-content>