angular HttpClient getbyid 方法获取数据

简单传参的方法,最常用的是getbyid 方法。

直接上代码:

复制代码
getbyId(id: string) {
    this.myhttp.get('http://192.168.2.139:9002/api/patients/' + id)
      .subscribe(data => {
        this.myPatient = new Patient({
          id: data['PatientId'],
          FirstName: data['Details'].FirstName,
          LastName: data['Details'].LastName,
          MiddleName: data['Details'].MiddleName,
          BirthDate: data['Details'].BirthDate,
          Gender: data['Details'].Gender,
          PhoneNumber: data['PersonalInfo'].PhoneNumberPrimary,
          ZIPCODE: data['PersonalInfo'].ZIPCODE,
          City: data['PersonalInfo'].City,
          Street: data['PersonalInfo'].Street,
          EmailAddress: data['PersonalInfo'].EmailAddressPrimary,
          CitizenServiceNumber: data['PersonalInfo'].ServiceNumber
        });
      });
  }
复制代码

前台:

<div>
    <button (click)="getbyId('a6c804e8-daef-42fb-8cd2-c56a02540d2c')"> getbyId:a6c804e8</button>
    <div *ngIf=myPatient>
      <ul>
        <li>id:{{myPatient.id}}</li>
        <li>FirstName :{{myPatient.FirstName}} </li>
        <li>email:{{myPatient.EmailAddress}}</li>
      </ul>
    </div>
  </div>

转自:http://www.cnblogs.com/cxd1008/p/7686164.html

原文地址:https://www.cnblogs.com/yangfantianxia/p/8053271.html