JavaScript:如何调用 API URL 作为下拉列表选项？

Question

我正在使用一个 ionic 应用程序。我对这项技术很陌生。最初我做了一些硬代码来显示一页。但在该屏幕中我有一个下拉列表。当用户按下该选项时，必须显示下拉列表。我现在已经硬编码了。

但我需要的是，我有一个 API URL。在该 URL 中，我有诸如小、大、中之类的选项列表，就像在该 URL API 中我有 5 个选项一样。现在如何在下拉列表中调用该 API 并将 URL 中的可用选项显示到下拉列表？

这是我的硬编码代码:

<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>

我的示例网址:http.exmpleurl.com/getpackages.php

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

提前致谢!

Answer 1

1. 调用 API 并通过 $http 获取响应数据.
2. 获取一些 $scope 中的数据变量。
3. 通过这种方式将响应数据绑定(bind)到控件

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

问候