angularjs - select multiple

http://angularjs.org/

by ncapito

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<script src="https://raw.github.com/ivaynberg/select2/master/select2.js"></script>
<link rel="stylesheet" href="https://raw.github.com/ivaynberg/select2/master/select2.css">
<div ng-controller="MyCtrl">
    <select multiple='' ng-options="thing as thing.display for thing in mythings | orderBy:'display'" ng-model="selectedThings"></select>
    <input ng-model="model.display" />
    <input ng-model="model.shade" />
    <button ng-click="add()">Add To basket</button>
</div>

JavaScript

var myApp = angular.module('myApp', []);

function MyCtrl($scope, $timeout) {

    $scope.mythings = [{
        display: 'black',
        shade: 'dark'
    }, {
        display: 'white',
        shade: 'light'
    }, {
        display: 'red',
        shade: 'dark'
    }, {
        display: 'blue',
        shade: 'dark'
    }, {
        display: 'yellow',
        shade: 'light'
    }];

    $scope.selectedThings = [];
    $scope.add = function () {
        $timeout(function () {
            $scope.mythings.push($scope.model);
             $scope.model = {};
        });
       
    }

}