2 Lists

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
    <body ng-controller="MyCtrl">
        <div>
            <select multiple="multiple" ng-options="item for item in leftList" ng-model="leftSelection"></select>
            <button type="button" ng-click="leftToRight(leftSelection)">
                <i class="icon icon-arrow-right"></i>
            </button>
            <button type="button" ng-click="rightToLeft(rightSelection)"><i class="icon icon-arrow-left"></i>
            </button>
            <select multiple="multiple" ng-options="item for item in rightList" ng-model="rightSelection"></select>
        </div>
    </body>

JavaScript

var myApp = angular.module('myApp', []);
angular.element(document).ready(function () {
    angular.bootstrap(document, ['myApp']);
});

function MyCtrl($scope) {
  
    $scope.leftList = ['Option 1', 'Option 2', 'Option 3', 'Option 4', 'Option 5', 'Option 6', 'Option 7', 'Option 8', 'Option 9', 'Option 10'];
    $scope.leftSelection = [];
    $scope.rightSelection = [];
    
    $scope.rightList = [];
    
    $scope.leftToRight = function(items) {
        $scope.rightList = $scope.rightList.concat(items); //.concat(test);  
        $scope.leftList = $scope.leftList.splice(items);   
        // Lösung für entfernen:
    //http://stackoverflow.com/questions/9425009/remove-multiple-elements-from-array-in-javascript-jquery
        
    }
  
    $scope.rightToLeft = function(items) {
        
        
    }

    
    
}