person-mul.ts

import {Component} from '@angular/core';
import {AppGlobal, AppService} from "../../service/http.service";
import {NavController, NavParams, ViewController} from "ionic-angular";

@Component({
    selector: 'person-mul',
    templateUrl: 'person-mul.html'
})
export class PersonMulComponent {

    picture: string = AppGlobal.picture;
    perList;
    name = '';

    chooseList = [];

    constructor(public navCtrl: NavController, public navParams: NavParams,
                public appService: AppService, public viewCtrl: ViewController) {
    }

    ionViewDidLoad() {
        this.getList();
    }

    getList() {
        const data = {
            name: this.name,
            pageNumber: 1,
            pageSize: 300,
        };
        this.appService.ObserverHttpNoForm('/wisdomgroup/app/getUserByName', data)
            .subscribe((res) => {
                this.perList = res.json().list;
                this.perList.forEach(e => {
                    e.userName = e.name;
                    e.checkbox = false;
                })
            })
    }

    changeCheck(event,item) {
        if(event == true){
            this.chooseList.push(item);
        }else{
            let n;
            this.chooseList.forEach((e,index)=>{
                if(e.id == item.id){
                    n = index;
                }
            });
            this.chooseList.splice(n,1);
        }

        console.log(this.chooseList);
    }

    dismiss() {
        this.viewCtrl.dismiss(this.chooseList);
    }

    cancel(){
        this.viewCtrl.dismiss();
    }

}