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

Question

我需要一个帮助。我需要在使用 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) )

再说一次，更好的方法是将这个调用包装在一个服务中，让服务或调用该服务的控制器为你做这件事。