用Nodejs信息填充选择框

Populating a Select Box with Nodejs Information

本文关键字：选择 填充 信息 Nodejs      更新时间：2023-09-26

所以我有一个mongodb数据库，将容纳几个部门名称。我想从我的nodejs服务器的名称http.get()。从这个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>

首先，您必须将来自响应对象的数据放入像这样的控制器属性中:

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

类似于

$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>
相关文章：