如何使用Angular.js / Javascript在现有下拉列表中添加静态值

Question

我需要一个help.i需要在下拉列表中添加一个静态值，该列表已经存在，使用Angular.js.我正在解释下面的代码。

    <div class="input-group bmargindiv1 col-md-12">
     <span class="input-group-addon ndrftextwidth text-right" style="width:180px">Member Type :</span>
     <select class="form-control"  id="nosofvoucher" ng-model="vouchers" ng-options="v.name for v in listOfMember track by v.value "  ng-change="generateCodeRange('nosofvoucher')">
     </select>
</div>

控制器侧代码如下所示。

$http({
        method:'GET',
        url:"php/selectMemberType.php",
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
    }).then(function successCallback(response){
        angular.forEach(response.data,function(obj){
            var data={'name':obj.member_name,'value':obj.no_of_members+':'+obj.member_type};
            $scope.listOfMember.push(data);
        })
    },function errorCallback(response) {
    })

并给出如下输出。

这里有3组数据是动态的，但我需要添加另一组数据，如下所示，这是静态的。

var data={'name':'New Register User','value':0+':'+0};

以上数据我需要添加现有的下拉数据。请帮我解决这个问题。

Answer 1

试试这个，

.then(function successCallback(response){
    angular.forEach(response.data,function(obj){
        var data={'name':obj.member_name,'value':obj.no_of_members+':'+obj.member_type};
        $scope.listOfMember.push(data);
    });
    var newUser={'name':'New Register User','value':0+':'+0};
    $scope.listOfMember.push(newUser);
},function errorCallback(response) {
});

Answer 2

快速解决方法是在循环响应并推送每个响应后，将静态（硬编码）数据推送到阵列。

function successCallback(response){ angular.forEach(response.data,function(obj){ var data={'name':obj.member_name,'value':obj.no_of_members+':'+obj.member_type}; $scope.listOfMember.push(data); } var data={'name':'New Register User','value':0+':'+0}; $scope.listOfMember.push(data) ）

然后，更好的方法是将此调用包装在服务中并让服务或调用服务的控制器为您执行此操作。