angularjs和一个选择dinamically的HTML填充选项

我应该填充选择dinamically与数组的选项。angularjs和一个选择dinamically的HTML填充选项

数组的值是我从服务器通过http.post方法获取的值，我将其发布为值，对于我发布的任何值，我都检索了不同的数组，因此我无法知道阵列。

我能够使用http.post具有数组，比我复制它在另一个变量，然后从另一个页面（html）我需要填充选择与数组的值的选项，它的工作原理如果我使用<option>{{array[0]}}</option>等，但我不知道数组的长度，所以这种方法是不适用的。

ANGULAR：

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

有人能帮助我吗？

感谢的

来源

2016-11-17 Edoardo

[ngOptions]（https://docs.angularjs.org/api/ng/directive/ngOptions），或[ngRepeat]（https://docs.angularjs.org/api/ng/directive/select）是实现它的可能方式 – Carafini

在控制器

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

在HTML

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

来源

2016-11-17 10:53:41

angularjs和一个选择dinamically的HTML填充选项

回答

相关问题