2016-04-09 200 views
0

我想顯示下拉列表中的選項,但它們不顯示。我正在控制器中獲取數據。但不是在HTML選擇選項不顯示在angularjs

下面是在HTML

<select name="nameSelect" id="nameSelect" ng-model="model.name"> 
     <option ng-repeat="option1 in names" value="{{option1}}">{{option1}}</option> 
     </select> 

代碼

在控制器

$scope.init = function() { 
     var url = "/someurl"; 
     $http.get(url) 
     .then(function(response) { 
      console.log(response.data[0].name.firstname); //Object {0: "name1", 1: "name2"} 
      $scope.names = response.data[0].name.firstname; 
     }); 
    }; 

在上述控制器I可通過的console.log看到的數據。

Object {0: "name1", 1: "name2"}. 

在DB 「名字」:{ 「0」: 「名1」, 「1」: 「NAME2」 }

我怎樣才能在angularjs設置在選擇框中的值。

+0

選項1在name.name =>什麼是name.name 。我沒有在你的控制器中看到它。 – Ved

+0

它是我編輯問題的名稱。請看看 –

回答

1

這是因爲,您要循環對象,

<select name="nameSelect" id="nameSelect" ng-model="model.name"> 
      <option ng-repeat="(key,value) in names" value="{{value}}">{{value}}</option> 
    </select> 

DEMO:http://jsfiddle.net/vedp/2u8t11um/1/

+0

感謝它的工作 –

+0

歡迎。樂於幫助 – Ved

1

試試這個

<select name="nameSelect" id="nameSelect" ng-model="model.name"> 
    <option value="">-Select Name-</option> 
    <option ng-repeat="(key,value) in names" value="{{value}}">{{value}}</option> 
</select>