Question

我在一个离子应用程序下。我是这项技术的新手。最初我做了一些硬代码来显示一个页面。但是在那个屏幕上我有一个下拉列表。当用户按下该下拉列表时必须显示选项。我现在已经硬编码了。

但我需要的是，我有一个API网址。在该URL中，我有一些选项列表，例如small，big，medium，就像我在该URL API中有5个选项一样。现在，如何在我的下拉列表中调用该API，并在我的URL中显示可用选项到我的下拉列表中？

这是我的代码，我有硬编码：

"//android.widget.LinearLayout[1]/android.widget.RelativeLayout[0]/android.wid‌get.ImageView[0]"

我的示例网址：<ion-view title="MEMBERSHIP" id="page9" class=" "> <ion-content padding="true" style="background: url(img/4O7gypHrThaw2VZgUimX_slide1-1.jpg) no-repeat center;background-size:cover;" class="has-header"> <form id="mEMBERSHIP-form7" class="list "> <label class="item item-select " id="mEMBERSHIP-select8"> <span class="input-label">Car Type</span> <select> <option>Small</option> <option>Medium</option> <option>Large</option> <option>Suv</option> </select> </label> </form> </ion-content> </ion-view>

如何调用上述URL API并在我的URL中显示可用选项并在我的下拉列表中显示？

提前致谢！

Answer 1

使用$http调用API并获取响应数据。
将这些数据放在某个$scope变量中。
以这种方式绑定响应数据以进行控制

<select> <option ng-repeat="res in response" value="res.id">{{res.name}}</option> </select>

此致

JavaScript：如何将API URL称为下拉列表选项？

1 个答案: