Question

我在angular JS中使用了rest API创建了一个下拉列表。

<div class="form-group">
<label for="address" class="col-lg-4 col-md-4 col-sm-4 control-label">Country</label>
<div class="col-lg-7 col-md-7 col-sm-7 col-lg-offset-1 col-md-offset-1 col-sm-offset-1">
<select ng-model="selectCountry" class="selectpicker" ng-options="item.name for item in countryList">
    <option value="">Select Country</option>
</select>
</div>
</div>

我的控制器

angular.module('myWebApp').controller('signInController',function ($scope){
alert("sign clicked" + $scope.selectCountry);
});

但我的'$ scope.selectCountry'显示[object] [object]。请帮忙。

Answer 1

我无法看到你的countryList数组看起来像什么，但你的ng-options最有可能是：

item.countryId as item.name for item in countryList

value / name / entry / array

因此，在您的情况下，由于您未指定值，因此该值成为整个对象。

https://docs.angularjs.org/api/ng/directive/select

下拉列表在angularJS中不起作用

1 个答案: