如何使用网址数据在下拉列表中显示为选项?

时间:2019-03-19 08:26:54

标签: angular get dropdown

这里我有一个URL,它有一个arrayList的data.Now我现在要做的是我需要从这个URL中获取数据以在下拉列表中显示为选项并选择所需的一个。使用Get方法,但我无法执行此操作。请帮助我。我希望我很清楚是否有混淆,请告诉我。

url:https://api.myjson.com/bins/l8asa

这是提供的网址。需要在下拉菜单中获取此网址的详细信息。 预先谢谢.. !!

1 个答案:

答案 0 :(得分:0)

虽然从您的问题尚不清楚您实际上想做什么,但是我试图猜测。看看它是否有帮助。 将网址的响应存储到变量中,然后在template(html)中用于循环。

Components.ts

 res => {
    console.log(res);
    this.data = res;
  }

Component.html

<tr  *ngFor="let i of data;" mdbTableCol ><td style="float:left">
<a class="dropdown-item waves-light" mdbWavesEffect><strong>{{ i.classid }}</strong> 
</a>
<a class="dropdown-item waves-light" mdbWavesEffect><strong>{{ i.url }}</strong></a>
 </td>
 </tr>