选择使用AngularJS点击按钮从下拉菜单的所有选项按钮、选项、菜单、AngularJS

2023-09-13 05:18:10 作者:若世界了无遮拦

我想从下拉HTML的倒在选择所有值NG-点击。这是我的HTML code

I want to select all values from a drop down of HTML on ng-click. Here is my HTML code

<select multiple ng-model="selectedToPostalCodes"
    ng-options="items.postalcode for items in toPostalCodes">
    <option style="display:none;"></option>
</select>
<input type="button" value="Select All" ng-click="selectall()">

所以,我想全选的实施()功能。

感谢

推荐答案

您可以试试这种方式:: 小提琴

you can try this way:: Fiddle

fiddleApp.controller('Main', ['$scope', function($scope) {
 $scope.toPostalCodes = [
        {postalcode:1, name:"Japan"},
        {postalcode:4, name:"USA"}
    ]; 
 $scope.selectedToPostalCodes = [];  
$scope.selectall = function(){        
     $scope.selectedToPostalCodes = []; 
     angular.forEach($scope.toPostalCodes, function(item){
         $scope.selectedToPostalCodes.push( item.postalcode);
     }); 
 }   
}]);