<div ng-controller="MyCtrl"> <select size="10" id="myselection" multiple ng-multiple="true" ng-model="sel ectedColors" ng-options="c.name+' ('+c.

shade+')' for c in colors"></select> <button ng-click="doCustom()">Select Customization</button> <div> Selected Colors: {{selectedColors }} </div> </div>

var myApp = angular.module('myApp', []); function MyCtrl($scope) { $scope.test = "Das ist ein Test"; $scope.colors = [{name: 'black',shade: 'dark'},{name: 'white',shade: 'light' },{name: 'red',shade: 'dark'},{name: 'blue', shade: 'dark'},{name: 'yello w', shade: 'light'} ]; $scope.selectedColors = [$scope.colors[1],$scope.colors[3]]; $scope.doCustom=function() { $('#myselection').select2(); }; }