Question

我真的很新兴离子，并试图在我的应用程序注册页面中实现国家/地区的下拉菜单我能够在我的回复下拉列表中显示数据，但我无法在选择时获得其关键值项目。

这是我在我的下拉列表中显示的json响应：

{
    AD: "Andorra",
    AE: "United Arab Emirates",
    AF: "Afghanistan",
    AG: "Antigua and Barbuda",
    AI: "Anguilla",
    AL: "Albania",
    AM: "Armenia",
    AN: "Netherlands Antilles",
    AO: "Angola",
    AQ: "Antarctica",
    AR: "Argentina"
}

我正在保存的api响应如下：

$scope.results = response.data;

以下是我在下拉列表中显示的方式：

<select class="input-select" >
    <option value="" disabled selected hidden>Country</option>
    <option ng-change="selectedCountry()" ng-repeat="(key, value) in results"  ng-model="country" value="{{key}}">{{value}}</option>
</select>

我只是想通过使用函数

来获取用户选择的国家/地区的密钥

ng-change="selectedCountry()"

在我的Html中。但是这个功能没有被调用。

任何帮助将不胜感激谢谢。

Answer 1

您需要在select：

上使用ngOptions指令和ngModel

<select class="input-select" 
        ng-model="country"
        ng-change="selectedCountry()"
        ng-options="key as value for (key, value) in results">
    <option value="" disabled hidden>Country</option>
</select>

从ng-option angularjs获取密钥

1 个答案: