【问题标题】:Angular 2 typescript:How to show dropdown list based on radio buttons backend valuesAngular 2 typescript:如何根据单选按钮后端值显示下拉列表
【发布时间】:2017-02-18 18:17:03
【问题描述】:

UI 包含单选按钮 YES 和 NO 以及下拉菜单,我已经为单选按钮创建了后端 API 服务,我在其中使用 URL(GET)动态发送 YES 和 NO 参数值,如果用户发送 YES 作为响应,我将获得列表客户端,现在基于 YES 参数值,如何在下拉选项(列表)角度 2 打字稿中显示它。

URL : http://localhost:9095/api/v1/client/list?isyourClient={Y}
Sample Response :
[{ "userId": "Mind.com","clientCode": "25","clientName": "CORPORATION" },
{ "userId": "forloop.com","clientCode": "275","clientName": "ABC COMPANY" }]

这是我得到的示例响应。

【问题讨论】:

  • 请添加更多信息:代码,是和否的响应(JSON?),..

标签: html css angular typescript


【解决方案1】:

HTML:

<select *ngIf='clients'>
     <option  *ngFor="let client of clients">{{client.clientName}}</option>
 </select>

代码:

    client:Array<any>;
responseHandler(response)
{ 
     this.client = response;
     /*Response is: [{ "userId": "Mind.com","clientCode": "25","clientName": "CORPORATION" },
{ "userId": "forloop.com","clientCode": "275","clientName": "ABC COMPANY" }]*/
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-04-17
    • 2019-10-26
    • 1970-01-01
    • 1970-01-01
    • 2017-03-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多