2016-04-09 151 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>