search-person.html

<ion-header>

    <ion-navbar>
        <ion-title>联系人</ion-title>
        <ion-buttons start>
            <button ion-button (click)="cancel()">
                <span class="color-fff" ion-text>取消</span>
            </button>
        </ion-buttons>
        <ion-buttons end>
            <button class="color-fff" ion-button (click)="dismiss()">
                <span class="color-fff" ion-text>确定</span>
            </button>
        </ion-buttons>
    </ion-navbar>

</ion-header>


<ion-content>
    <div class="content">
        <div class="person" *ngFor="let person of personList;let i = index;">
            <div class="contact-box">
                <div class="contact-img">
                    <img src="./assets/imgs/man.png">
                </div>
                <div class="contact-box-right">
                    <div>
                        <span class="contact-name">{{person.name}}</span>
                        <span class="contact-handphone">{{person.mobilePhone}}</span>
                    </div>
                    <div class="contact-organization">{{person?.orgName}}</div>
                </div>
                <div class="contact-checkbox">
                    <ion-checkbox *ngIf="checkPerosn == person.id" [checked]="true"
                                  (ionChange)="changeCheck(true,person)"></ion-checkbox>
                    <ion-checkbox *ngIf="checkPerosn != person.id" [checked]="false"
                                  (ionChange)="changeCheck(false,person)"></ion-checkbox>
                </div>
            </div>
        </div>
    </div>
</ion-content>