2014-05-20 98 views
0

我已經在angular JS中使用rest API創建了一個下拉菜單。dropdown在angularJS中不起作用

<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' 顯示的是[對象] [對象]。請幫忙。

+1

請給countryList陣列 –

+0

我猜,你有數組項某些領域。 $ scope.selectCountry是其中的一個項目。你應該具體化,你想看什麼。例如:$ scope.selectCountry.name –

回答

0

我看不到你的countryList陣列是什麼樣子,但你的NG選項最有可能需要爲:

item.countryId as item.name for item in countryList 

值/名/項/陣列

所以你的情況,因爲你沒有指定值,該值成爲整個對象。

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

+0

我的錯誤。現在已經解決了。它應該是$ scope.selectCountry.name – dip