Question

我正在尝试显示带有选项的下拉列表，但它们没有显示。我在控制器中获取数据。但不是在html中

以下是代码

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;
        });
    };

在上面的控制器中，我可以通过console.log查看数据。

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

在db中 “名字” ： { “0”：“name1”， “1”：“name2” }

如何在angularjs中的选择框中设置值。

Answer 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/

Answer 2

试试这个

<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>

选择选项在angularjs中没有显示

2 个答案: