角2：如何得到服務響應數據綁定到下拉

Clientlist.service.ts角2：如何得到服務響應數據綁定到下拉

 getClientList() 
    { 
    let headers = new Headers(); 
    headers.append('Content-Type', 'application/json'); 
    let authToken = localStorage.getItem('auth_token'); 
    console.log(authToken); 
    headers.append('X-auth-Token', authToken) 
     return this._http.get('http://localhost:8080/api/v1/client/list?isClient=Y', {headers}) 
     .map((res) => { 
     var clientList = res; 
     console.log(clientList); 
    }) 
    }

響應：

[{"userId":"mind.com","clientCode":"75","clientName":"ABC COMPANY, THE"},{"userId":"mind.com","clientCode":"51","clientName":"infotech"}]

這裏我得到的客戶名單中的客戶端列表，現在怎麼我可以將此響應綁定到角度下拉列表中。請幫助我。

來源

2017-02-21 Pramod Ramadand

可能的重複[如何在「選擇」Angular 2中獲得新選擇？]（http://stackoverflow.com/questions/33700266/how-can-i-get-new-selection-in- select-in-angular-2） –

您需要創建以下客戶端對象的對象，它變得更容易解析並顯示在下拉列表中。

下面是客戶端的模式：

export class Client 
{ 
userId: string; 
clientCode: string; 
clientName: string; 
}

一旦你創建的對象，在你component.ts：

clients: Client[]; 
currentSelection: Client; 

ngOnInit() 
{ 
//... do your calls do get res(client list) 
var clientList = res; 
this.clients = JSON.parse(clientList); 
} 
onChange(value: Client) 
{ 
this.currentSelection = value; 
}

然後做在烏拉圭回合的HTML代碼以下後：

<select (change)="onChange($event.target.value)"> 
    <option *ngFor="let client of clients">{{client.clientName}}</option> 
</select>

來源

2017-02-21 13:16:41 Smit

您可以簡單地使用它像

<select [(ngModel)]="client.clientCode"> 
     <option value="" disabled selected>Select Client Name</option> 
     <option *ngFor="let user of ClientList" [value]="user.clientCode">{{user.clientName}}</option> 
</select>

來源

2017-02-21 13:18:34 Danny

Angular2會自動解析JSON格式嗎？ – Smit

是的。事實上，JSON只不過是一種JavaScript對象符號。 – Danny

角2：如何得到服務響應數據綁定到下拉

回答

相關問題