html - 使用 AngularJS 从按钮单击的下拉列表中选择所有选项

Question

我想从 ng-click 的 HTML 下拉列表中选择所有值。这是我的 HTML 代码

<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()">

所以我想实现selectall()函数。

谢谢

Answer 1

你可以这样试试::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);
     }); 
 }   
}]);