2016-11-17 6 views
0

私は配列のdinamicallyの選択肢を設定する必要があります。anglejsとhtmlが選択されたオプションをdinamically

配列の値は、http.postメソッドを使用してサーバーから取得した値であり、値を投稿し、投稿する任意の値に対して、別の配列を取得します。アレイ。

http.postを別の変数でコピーした後、別のページ(html)からコピーするよりも配列を持つことができます。selectの値を配列の値に代入する必要があります。私は<option>{{array[0]}}</option>などを使用しますが、私はこのメソッドが適用されないように配列の長さを知ることができません。

アンギュラ

.controller('AppCtrl', function($scope, $http) { 
    $scope.data = {}; 

    $scope.submit = function(){ 
     var link = 'http://localhost/ShuttleFIX/api.php'; 
     $scope.var = "prova"; 
     $http.post(link, {username : $scope.data.username}).then(function (res){ 
      $scope.response = res.data; 
      $scope.array = []; 
       $scope.array[0] = $scope.response[0]; 
       $scope.array[1] = $scope.response[1]; 
     }); 
    }; 
}); 

HTML

<select id="select"> 
    <option>{{array[0]}}</option> 
    <option>{{array[1]}}</option> 
</select> 

誰かが私を助けることができますか?

感謝のコントローラで

+0

[ngOptions(https://docs.angularjs.org/api/ng/directive/ngOptions)、又は[ngRepeat](https://docs.angularjs.org/api/ng/directive/select)はそれを達成する方法です – Carafini

答えて

0

HTMLで

$http.post(link, {username : $scope.data.username}).then(function (res){ 
    $scope.response = res.data; 
}); 

<select id="select"> 
    <option ng-repeat="option in response" value="{{option}}">{{option}}</option> 
</select>