Question

如何在点击选择下拉列表中动态填充选项。我想点击选择框从后端获取一些数据。

`ng-options="type.shorthand as type.name for type in allTypes"`

当我点击选择框以列出下拉列表时，我希望在allTypes中存储值。

Answer 1

通常一个好主意是fetch下拉前的值

<select ng-model="yourFormModel.yourAttributeName" 
        ng-options="type.shorthand as type.name for type in allTypes" 
        ng-init="fetchTypes()"></select>

控制器代码中的某处。

$scope.fetchTypes = function(){
   $http.get('/path/to/types')
        .then(function(data){
             $scope.allTypes = data;
         });
}

Answer 2

控制器中的

$ scope.dropDownVals =“”; getDataForDropDown（）;

只是在页面的加载上，您可以从控制器调用工厂/服务函数，这使得http请求到服务器端代码获取json对象响应然后分配它

在服务/工厂职能部门 http调用服务器端代码。然后（功能（数据）{ $ scope.dropDownVals = data.requiredField;

}）;

谢谢

使用AngularJS选择Papulate Dropdown选项

2 个答案: