2016-04-09 13 views
0

オプション付きのドロップダウンリストを表示しようとしていますが、表示されません。私はコントローラ内のデータを取得しています。なくHTMLで選択肢がangularjsに表示されない

以下は私にconsole.logによってデータを見ることができ、上記コントローラはコントローラ

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

でHTML

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

のコード

にあります。 { "0": "NAME1"、 "1": "NAME2" } Iはangularjsで選択ボックスの値を設定することができる方法

デシベル "FIRSTNAME" で

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

+0

オプション1を試してみてください> 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

はname.name =でこの

<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> 
関連する問題