如何使用网址数据作为下拉菜单中的选项?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用网址数据作为下拉菜单中的选项?相关的知识,希望对你有一定的参考价值。

这里我有一个url,它有一个dataList数据。现在我需要做的是我需要从这个url中获取数据以显示为下拉列表中的一个选项并选择所需的那个。我知道它可以通过使用Get方法来完成但是我无法做到这一点。请帮助我。我希望我很清楚,如果有困惑,请告诉我。

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

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

答案

虽然你的问题不清楚你真正想做什么,但我试着猜测。看看它是否有帮助。将url的响应存储到变量中,然后存储在template(html)use for循环中。

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>

以上是关于如何使用网址数据作为下拉菜单中的选项?的主要内容,如果未能解决你的问题,请参考以下文章

如何选择下拉菜单中的所有选项 - Selenium Webdriver?

如何在不同的选项卡/窗口中打开选择标签(下拉菜单)的选项?

如何使用 React js 在下拉菜单中的选择选项上显示不同的组件

MVC5中的自动完成下拉菜单?

如何获得具有不同背景颜色的下拉菜单。下拉选项是动态的

如何查看 Ajax 传递给 PHP 的数据以及 PHP 对数据的作用 - 下拉菜单选项