2016-03-09 41 views
-1

我需要一個help.i需要添加一個靜態值在下拉列表中已經有使用Angular.js.I我在下面解釋我的代碼。如何使用Angular.js/Javascript在現有的下拉列表中添加靜態值

<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) { 
    }) 

它的輸出如下。

enter image description here

在這裏有3組數據是本它是動態的,但我需要添加另一組數據的象下面這是靜態的。

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

上面的數據我需要添加現有的下拉數據。請幫我解決這個問題。

回答

1

速戰速決是隻通過響應您的靜態(硬編碼)數據推到數組你循環後,推動每個響應。

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)

話又說回來,更好的方式來做到這一點是在一個服務來包裝這個呼叫和服務或正在調用該服務爲你做它的控制器。

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) { 
}); 
相關問題