码迷,mamicode.com
首页 > Web开发 > 详细

angular HttpClient getbyid 方法获取数据

时间:2017-12-17 22:16:11      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:service   图片   res   取数据   数据   htm   details   body   tree   

简单传参的方法,最常用的是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

angular HttpClient getbyid 方法获取数据

标签:service   图片   res   取数据   数据   htm   details   body   tree   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!