具有离子参数的功能

时间:2018-04-03 16:35:09

标签: angular typescript ionic-framework ionic3

我无法使用输入参数执行函数并使用它。我做了我们在下面看到的,但它不起作用:(

问题是我设法恢复matricule和日期。但我无法在home.ts中的getUnCollaborateur中发送matricule,因此在函数getUnCollaborateur中接收它以使用它从json中恢复

home.html的

<ion-content>

  <ion-list>
    <ion-item>
      <ion-label color="primary">Matricule</ion-label>
      <ion-input placeholder="ex: a131" [(ngModel)]="matricule"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label color="primary">Date d'embauche</ion-label>
      <ion-datetime placeholder=" ex: 1992/12/11" displayFormat="DD/MM/YYYY" [(ngModel)]="date"></ion-datetime>
    </ion-item>

    <button ion-button full (tap)="connexion()">CONNEXION</button>
  </ion-list>

</ion-content>

home.ts

export class HomePage {

  collaborateur: ApiGsbGlobal = new ApiGsbGlobal;

  matricule: string;
  date: string;

  constructor(public navCtrl: NavController, private apiGsbService: ApiGsbService) {
  }

  private connexion(){
    this.apiGsbService.getUnCollaborateurs(this.matricule)
    .then(collaborateurFetched => {
      this.collaborateur = collaborateurFetched;
      console.log(this.matricule);
      console.log(this.collaborateur.COL_DATEEMBAUCHE);
      console.log(this.date);
      if(this.matricule != null && this.collaborateur.COL_DATEEMBAUCHE == this.date){
        this.navCtrl.push(MenuPage);
      }
    })
  }
}

apiGsb.service.ts

public getUnCollaborateurs(id): Promise<any> {
    const url = `${this.baseUrl}apiGSB/collaborateur/read_one.php?id=${id}`;

    return this.http.get(url)
    .toPromise()
    .then(response => response.json())
    .catch(error => console.log('Une erreur est survenue ' + error))
}

0 个答案:

没有答案