使用Nodejs信息填充选择框

时间:2016-09-06 13:08:26

标签: javascript html angularjs

所以我有一个mongodb数据库,它将容纳几个部门名称。我想从我的nodejs服务器http.get()中获取名称。从那个开始,我想将名称填充到一个选择框中。这个问题的重要部分不是node / mongo部分,它是js / html的一部分,我得到了get的响应,我该如何将它放入选择框?这是我的代码:

代码部分:

$http.get('http://localhost:8000/getData').then(function(response) {
    // code to place here       
}); 

和html部分:

 <select placeholder="Select a User">
    <option ng-model="selectUser"></option>
 </select>  

2 个答案:

答案 0 :(得分:3)

首先,您必须将响应对象中的数据放入控制器属性中,如下所示:

$http.get('http://localhost:8000/getData').then(function(response) {
    $scope.options = response.data;
}); 

然后你可以使用angular中的ng-options指令用这样的值填充选择框:

<select placeholder="Select a User" ng-model="selectUser" data-ng-options="option.Member for option in options">
 </select>  

答案 1 :(得分:0)

像:

$scope.values; //values from server
$http.get('http://localhost:8000/getData').then(function(response) {
console.log(response.data); //make sure that this is what you are looking for               
$scope.values = response.data;
            }); 
 <select  placeholder="Select a User" data-ng-options="option.name for option in values">
 </select>