2017-05-20 17 views
0

角度のドロップダウン機能を理解するのに問題があります。AngularJS - 配列が入力されたドロップダウン

私はStackOverflowのからこれらの投稿次試してみたが、私はこだわっている

How can I populate a select dropdown list from a JSON feed with AngularJS?

Angular js Populate dropdown with JSON

populate dropdown AngularJs

私はドロップダウンを移入することができた唯一の方法はですすべての値がすべての行に表示されます(その目的を破って): Current dropdown + 私の今までのコード:

HTML:

<div align = "left" ng-controller='DemoCtrl'> 
<select ng-model="tiposProduto" > 
<option value="">Selecione o tipo de produto:</option> 
<option ng-repeat ="selectedTestAccount in testAccounts" value="item.Id"> {{testAccounts}}> 
</select> 
</div> 

Javascriptを:

<script src="js/app.js"></script> 
<script> 
app.controller('DemoCtrl', function ($scope, $http) { 
    $scope.selectedTestAccount = null; 
    $scope.testAccounts = []; 

    $http({ method: 'GET', url: '//localhost:8080/RestfulWebservice/rs/service/getTodosTiposProduto' 
    }).success(function (result) { 
     $scope.testAccounts = result.tiposProduto; 
    }); 
}); 
</script> 

だから、私はNGリピートラインがやるべきことはよく分かりません。 "items"と "selectedTestAccount"の両方がコンソールにログオンしようとすると、定義されていません。

スコープは、この(testAccount値は、私が行として移入したかったものです)です:Scope returned

誰かが私に手をお願いできますか?

+0

SelectedTestAccountをコントローラで宣言しないでください。アイテムとは何ですか? – Pradeepb

答えて

1

「selectedTestAccount」を式の中にオプションで入力するだけです。

<div align = "left" ng-controller='DemoCtrl'> 
<select ng-model="tiposProduto" > 
<option value="">Selecione o tipo de produto:</option> 
<option ng-repeat ="selectedTestAccount in testAccounts" value="item.Id"> {{selectedTestAccount}}> 
</select> 
</div> 
+0

これはうまくいった、ありがとう! –

関連する問題