JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://docs-next.angularjs.org/angular-0.10.4.min.js" ng:autobind></script>

<div ng:controller="MyCntrl">
  <label>Color: <select multiple ng:model="selectedColors" ng:options="k as v for (k, v) in colors"></select></label>
  <hr/>
  Currently selected: {{ selectedColors }}
</div>

CSS

.ng-invalid { border: 1px solid red; } 
body { font-family: Arial,Helvetica,sans-serif; }
body, td, th { font-size: 14px; margin: 0; }
table { border-collapse: separate; border-spacing: 2px; display: table; margin-bottom: 0; margin-top: 0; -moz-box-sizing: border-box; text-indent: 0; }
a:link, a:visited, a:hover { color: #5D6DB6; text-decoration: none; }
.error { color: red; }

JavaScript

function MyCntrl() {
  this.colors = {
    b: 'black',
    w: 'white',
    r: 'red',
    c: 'cyan',
    y: 'yellow'
  };
  this.selectedColors = ['r', 'c'];
}